twisterarmy
/
twister-html
mirror of https://github.com/twisterarmy/twister-html.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

tunning of dashboard modules

master
Simon Grim 10 years ago
parent
fa825f77cd
commit
252f22fd69
10 changed files with 181 additions and 147 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 29
      css/style.css
  2. 15
      home.html
  3. 21
      js/interface_common.js
  4. 33
      js/interface_home.js
  5. 10
      js/twister_following.js
  6. 29
      theme_calm/css/style.css
  7. 99
      theme_nin/css/style.css
  8. 2
      theme_nin/sass/_fonts.sass
  9. 11
      theme_nin/sass/_responsive.sass
  10. 77
      theme_nin/sass/style.sass

29
css/style.css
Unescape View File

@ -1794,12 +1794,12 @@ ol.toptrends-list {
**************** LOADER ************** **************** LOADER **************
**************************************/ **************************************/
.postboard-loading .postboard-loading, .loading-roller {
{ clear: both;
text-align: center; text-align: center;
} }
.postboard-loading div
{ .postboard-loading div, .loading-roller div {
display: inline-block; display: inline-block;
width: 120px; width: 120px;
height: 10px; height: 10px;
@ -1809,8 +1809,8 @@ ol.toptrends-list {
position: relative; position: relative;
margin: 10px 0 0 0; margin: 10px 0 0 0;
} }
.postboard-loading div:after
{ .postboard-loading div:after, .loading-roller div:after {
border-radius: 50px; border-radius: 50px;
content: ""; content: "";
position: absolute; position: absolute;
@ -1833,8 +1833,8 @@ ol.toptrends-list {
-moz-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
} }
@keyframes slide
{ @keyframes slide {
0% { 0% {
right: 60px; right: 60px;
left: 2px; left: 2px;
@ -1858,8 +1858,8 @@ ol.toptrends-list {
left: 2px; left: 2px;
} }
} }
@-webkit-keyframes slide
{ @-webkit-keyframes slide {
0% { 0% {
right: 100px; right: 100px;
left: 2px; left: 2px;
@ -1883,8 +1883,8 @@ ol.toptrends-list {
left: 2px; left: 2px;
} }
} }
@-moz-keyframes slide
{ @-moz-keyframes slide {
0% { 0% {
right: 60px; right: 60px;
left: 2px; left: 2px;
@ -1997,11 +1997,6 @@ ol.toptrends-list {
*********** FOLLOWING PAGE *********** *********** FOLLOWING PAGE ***********
**************************************/ **************************************/
.following .postboard-loading
{
text-align: center;
}
.following .header-bold { .following .header-bold {
display: block; display: block;
width: 100%; width: 100%;

15
home.html
Unescape View File

@ -213,6 +213,7 @@
<!-- TEMPLATE DE WHO-TO-FOLLOW MODULE --> <!-- TEMPLATE DE WHO-TO-FOLLOW MODULE -->
<div id="who-to-follow-template"> <div id="who-to-follow-template">
<div>
<h3 class="label">Who to Follow</h3> <h3 class="label">Who to Follow</h3>
<small>.</small> <small>.</small>
<a class="refresh-users">Refresh</a> <a class="refresh-users">Refresh</a>
@ -221,18 +222,28 @@
<ol class="follow-suggestions"> <ol class="follow-suggestions">
<!-- use "follow-suggestion-template" here --> <!-- use "follow-suggestion-template" here -->
</ol> </ol>
</div>
<div class="loading-roller" style="display: none;">
<div></div>
</div>
</div> </div>
<!-- TEMPLATE DE TOP TRENDS MODULE --> <!-- TEMPLATE DE TOP TRENDS MODULE -->
<div id="toptrends-template"> <div id="toptrends-template">
<div>
<h3 class="label">Top Trends</h3> <h3 class="label">Top Trends</h3>
<small>.</small> <small>.</small>
<a class="refresh-toptrends">Refresh</a> <a class="refresh-toptrends">Refresh</a>
<ol class="toptrends-list"></ol> <ol class="toptrends-list"></ol>
</div>
<div class="loading-roller" style="display: none;">
<div></div>
</div>
</div> </div>
<!-- TEMPLATE DE TWISTDAY REMINDER MODULE --> <!-- TEMPLATE DE TWISTDAY REMINDER MODULE -->
<div id="twistday-reminder-template"> <div id="twistday-reminder-template">
<div>
<h3 class="label">Twistday Reminder</h3> <h3 class="label">Twistday Reminder</h3>
<small>.</small> <small>.</small>
<a class="refresh">Refresh</a> <a class="refresh">Refresh</a>
@ -248,6 +259,10 @@
<!-- use "twistday-reminder-suggestion-template" here --> <!-- use "twistday-reminder-suggestion-template" here -->
</ol> </ol>
</div> </div>
</div>
<div class="loading-roller" style="display: none;">
<div></div>
</div>
</div> </div>
<!-- TEMPLATE DE TWISTDAY REMINDER SUGGESTION --> <!-- TEMPLATE DE TWISTDAY REMINDER SUGGESTION -->

21
js/interface_common.js
Unescape View File

@ -288,15 +288,18 @@ function openFollowingModal(username)
$( "."+followingModalClass + " h3" ).text( polyglot.t("followed_by", { username: username }) ); $( "."+followingModalClass + " h3" ).text( polyglot.t("followed_by", { username: username }) );
} }
function refreshWhoToFollow(e) { function refreshWhoToFollow() {
e.stopPropagation(); var $module = $('.module.who-to-follow');
e.preventDefault(); var $list = $module.find('.follow-suggestions');
if ($list.length) {
$('.module.who-to-follow .follow-suggestions').empty(); $list.empty().hide();
$module.find('.refresh-users').hide();
getRandomFollowSuggestion(processSuggestion); $module.find('.loading-roller').show();
getRandomFollowSuggestion(processSuggestion);
getRandomFollowSuggestion(processSuggestion); getRandomFollowSuggestion(processSuggestion);
getRandomFollowSuggestion(processSuggestion);
getRandomFollowSuggestion(processSuggestion);
}
} }
function fillWhoToFollowModal(list, hlist, start) { function fillWhoToFollowModal(list, hlist, start) {

33
js/interface_home.js
Unescape View File

@ -140,11 +140,14 @@ function initTopTrends() {
} }
function updateTrendingHashtags() { function updateTrendingHashtags() {
var $ttl = $('.module.toptrends .toptrends-list'); var $module = $('.module.toptrends');
if ($ttl.length) { var $list = $module.find('.toptrends-list');
if ($list.length) {
$list.empty().hide();
$module.find('.refresh-toptrends').hide();
$module.find('.loading-roller').show();
twisterRpc('gettrendinghashtags', [10], twisterRpc('gettrendinghashtags', [10],
function(args, ret) { function(args, ret) {
$ttl.empty();
//console.log('hashtags trends: '+ret); //console.log('hashtags trends: '+ret);
for( var i = 0; i < ret.length; i++ ) { for( var i = 0; i < ret.length; i++ ) {
if ($.Options.getFilterLangOpt() !== 'disable' && $.Options.getFilterLangForTopTrendsOpt()) if ($.Options.getFilterLangOpt() !== 'disable' && $.Options.getFilterLangForTopTrendsOpt())
@ -166,15 +169,20 @@ function updateTrendingHashtags() {
} }
} }
$ttl.append($li); $list.append($li);
} }
} }
if ($list.children().length)
$list.show();
$module.find('.refresh-toptrends').show();
$module.find('.loading-roller').hide();
}, {}, }, {},
function(args, ret) { function(args, ret) {
console.log('Error with gettrendinghashtags. Older twister daemon?'); console.log('Error with gettrendinghashtags. Older twister daemon?');
}, {} }, {}
); );
if ($.Options.getTopTrendsAutoUpdateOpt() === 'enable' && $.Options.getTopTrendsAutoUpdateTimerOpt() > 0) if ($list.children().length && $.Options.getTopTrendsAutoUpdateOpt() === 'enable' && $.Options.getTopTrendsAutoUpdateTimerOpt() > 0)
setTimeout(updateTrendingHashtags, $.Options.getTopTrendsAutoUpdateTimerOpt()*1000); setTimeout(updateTrendingHashtags, $.Options.getTopTrendsAutoUpdateTimerOpt()*1000);
} }
}; };
@ -191,8 +199,11 @@ function initTwistdayReminder() {
} }
function refreshTwistdayReminder() { function refreshTwistdayReminder() {
var $list = $('.module.twistday-reminder .list'); var $module = $('.module.twistday-reminder');
var $list = $module.find('.list');
if ($list.length) { if ($list.length) {
$module.find('.refresh').hide();
$module.find('.loading-roller').show();
if (defaultScreenName && typeof(followingUsers) !== 'undefined') { if (defaultScreenName && typeof(followingUsers) !== 'undefined') {
var suggests = followingUsers.slice(); var suggests = followingUsers.slice();
if (suggests.length > 0) { if (suggests.length > 0) {
@ -226,8 +237,8 @@ function refreshTwistdayReminder() {
} }
var showUpcomingTimer = ($.Options.getTwistdayReminderShowUpcomingOpt() === 'enable') ? $.Options.getTwistdayReminderShowUpcomingTimerOpt() *3600 : 0; var showUpcomingTimer = ($.Options.getTwistdayReminderShowUpcomingOpt() === 'enable') ? $.Options.getTwistdayReminderShowUpcomingTimerOpt() *3600 : 0;
var listCurrent = $('.module.twistday-reminder .current .list'); var listCurrent = $module.find('.current .list');
var listUpcoming = $('.module.twistday-reminder .upcoming .list'); var listUpcoming = $module.find('.upcoming .list');
var d = new Date(); var d = new Date();
var todayYear = d.getUTCFullYear(); var todayYear = d.getUTCFullYear();
var todayMonth = d.getUTCMonth(); var todayMonth = d.getUTCMonth();
@ -264,9 +275,11 @@ function refreshTwistdayReminder() {
} }
if (listCurrent.children().length > 1) if (listCurrent.children().length > 1)
listCurrent.parent().show() listCurrent.parent().show();
if (listUpcoming.children().length > 1) if (listUpcoming.children().length > 1)
listUpcoming.parent().show() listUpcoming.parent().show();
$module.find('.refresh').show();
$module.find('.loading-roller').hide();
}, null, }, null,
function(arg, ret) { console.log("ajax error:" + ret); }, null); function(arg, ret) { console.log("ajax error:" + ret); }, null);
} }

10
js/twister_following.js
Unescape View File

@ -563,8 +563,9 @@ function showFollowingUsers(){
} }
function processSuggestion(arg, suggestion, followedBy) { function processSuggestion(arg, suggestion, followedBy) {
var dashboard = $('.module.who-to-follow .follow-suggestions');
if( suggestion ) { if( suggestion ) {
var $module = $('.module.who-to-follow');
var $list = $module.find('.follow-suggestions');
var item = $("#follow-suggestion-template").clone(true); var item = $("#follow-suggestion-template").clone(true);
item.removeAttr("id"); item.removeAttr("id");
@ -586,8 +587,11 @@ function processSuggestion(arg, suggestion, followedBy) {
getRandomFollowSuggestion(processSuggestion); getRandomFollowSuggestion(processSuggestion);
}); });
dashboard.append(item); $list.append(item).show();
} $module.find('.refresh-users').show();
$module.find('.loading-roller').hide();
} else
getRandomFollowSuggestion(processSuggestion);
} }
function closeSearchDialog() function closeSearchDialog()

29
theme_calm/css/style.css
Unescape View File

@ -2206,12 +2206,12 @@ textarea.splited-post {
**************** LOADER ************** **************** LOADER **************
**************************************/ **************************************/
.postboard-loading .postboard-loading, .loading-roller {
{ clear: both;
text-align: center; text-align: center;
} }
.postboard-loading div
{ .postboard-loading div, .loading-roller div {
display: inline-block; display: inline-block;
width: 120px; width: 120px;
height: 10px; height: 10px;
@ -2221,8 +2221,8 @@ textarea.splited-post {
position: relative; position: relative;
margin: 10px 0 0 0; margin: 10px 0 0 0;
} }
.postboard-loading div:after
{ .postboard-loading div:after, .loading-roller div:after {
border-radius: 50px; border-radius: 50px;
content: ""; content: "";
position: absolute; position: absolute;
@ -2245,8 +2245,8 @@ textarea.splited-post {
-moz-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
} }
@keyframes slide
{ @keyframes slide {
0% { 0% {
right: 60px; right: 60px;
left: 2px; left: 2px;
@ -2270,8 +2270,8 @@ textarea.splited-post {
left: 2px; left: 2px;
} }
} }
@-webkit-keyframes slide
{ @-webkit-keyframes slide {
0% { 0% {
right: 100px; right: 100px;
left: 2px; left: 2px;
@ -2295,8 +2295,8 @@ textarea.splited-post {
left: 2px; left: 2px;
} }
} }
@-moz-keyframes slide
{ @-moz-keyframes slide {
0% { 0% {
right: 60px; right: 60px;
left: 2px; left: 2px;
@ -2437,11 +2437,6 @@ textarea.splited-post {
*********** FOLLOWING PAGE *********** *********** FOLLOWING PAGE ***********
**************************************/ **************************************/
.following .postboard-loading
{
text-align: center;
}
.following .header-bold { .following .header-bold {
display: block; display: block;
width: 100%; width: 100%;

99
theme_nin/css/style.css
Unescape View File

@ -282,7 +282,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
/* FONTS */ /* FONTS */
/* line 2, ../sass/_utils.sass */ /* line 2, ../sass/_utils.sass */
.clear-fix:after, .userMenu ul:after, .profile-modal .profile-data:after, .profile-card .twister-user-info:after, .forEdition.profile-card:after, .postboard:after, .following:after, .expanded-content:after, .following-list li:after, .twistday-reminder li:after, .mini-following-info:after, .network.singleBlock:after, .options .tab-content:after, .promoted-posts-only:after, .dashboard.right:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after, #postboard-top:after, #postboard-top .post-area:after, .who-to-follow ol:after, .twistday-reminder ol:after, .twister-user:after, .modal-content:after, .modal-header:after, .direct-messages-thread .post:after { .clear-fix:after, .userMenu ul:after, .profile-modal .profile-data:after, .profile-card .twister-user-info:after, .forEdition.profile-card:after, .postboard:after, .following:after, .expanded-content:after, .following-list li:after, .twistday-reminder li:after, .mini-following-info:after, .network.singleBlock:after, .options .tab-content:after, .promoted-posts-only:after, .dashboard.right:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after, #postboard-top:after, #postboard-top .post-area:after, .who-to-follow ol:after, .toptrends ol:after, .twistday-reminder ol:after, .twister-user:after, .modal-content:after, .modal-header:after, .direct-messages-thread .post:after {
content: ""; content: "";
display: table; display: table;
clear: both; clear: both;
@ -1823,7 +1823,7 @@ button.disabled:hover, .mini-profile-actions span.disabled:hover, a.button.disab
width: 90%; width: 90%;
} }
.options #filterLangListCont div,.options #TopTrendsCont div { .options #filterLangListCont div, .options #TopTrendsCont div, .options #TwistdayReminderCont div {
float: none; float: none;
padding: 0px 4px; padding: 0px 4px;
} }
@ -1891,19 +1891,9 @@ button.disabled:hover, .mini-profile-actions span.disabled:hover, a.button.disab
} }
/* line 63, ../sass/style.sass */ /* line 63, ../sass/style.sass */
.dashboard.right { .dashboard.right {
display: block; margin-left: 880px;
position: absolute;
right: 0;
}
/* line 67, ../sass/style.sass */
.dashboard.right .module {
position: fixed;
height: 100%;
} }
.dashboard .module {
margin: 0 0 3%;
}
/********** CONFIG SUBMENU & SEARCH RESULTS *********** */ /********** CONFIG SUBMENU & SEARCH RESULTS *********** */
/* line 76, ../sass/style.sass */ /* line 76, ../sass/style.sass */
@ -2326,25 +2316,33 @@ textarea.splited-post {
color: #ff0000; color: #ff0000;
} }
/****** WHO TO FOLLOW ****** */ /******** WHO TO FOLLOW ********/
/* line 411, ../sass/style.sass */ /* line 411, ../sass/style.sass */
.who-to-follow { .who-to-follow.module {
width: inherit; width: inherit;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 414, ../sass/style.sass */ /* line 414, ../sass/style.sass */
.who-to-follow small { .who-to-follow small {
display: none; display: none;
} }
/* line 416, ../sass/style.sass */ /* line 416, ../sass/style.sass */
.who-to-follow h3 { .who-to-follow h3 {
float: left; float: left;
} }
/* line 418, ../sass/style.sass */ /* line 418, ../sass/style.sass */
.who-to-follow ol { .who-to-follow ol {
clear: both; clear: both;
} }
.who-to-follow .twister-user-info {
margin-top: 8px;
}
/* line 422, ../sass/style.sass */ /* line 422, ../sass/style.sass */
.twister-user { .twister-user {
clear: both; clear: both;
@ -2381,7 +2379,7 @@ textarea.splited-post {
} }
/* line 450, ../sass/style.sass */ /* line 450, ../sass/style.sass */
.followers label, .followers a { .followers label, .followers a {
display: block; display: inline-block;
} }
/* line 453, ../sass/style.sass */ /* line 453, ../sass/style.sass */
@ -2483,7 +2481,7 @@ button.follow:hover, .mini-profile-actions span.follow:hover, button.unfollow, .
} }
/* line 527, ../sass/style.sass */ /* line 527, ../sass/style.sass */
.refresh-toptrends:hover, .twistday-reminder .refresh, .refresh-users:hover, .view-all-users:hover { .refresh-toptrends:hover, .twistday-reminder .refresh:hover, .refresh-users:hover, .view-all-users:hover {
color: #B4C669; color: #B4C669;
text-decoration: none; text-decoration: none;
background-color: transparent; background-color: transparent;
@ -2492,12 +2490,17 @@ button.follow:hover, .mini-profile-actions span.follow:hover, button.unfollow, .
/***********TOP TRENDS************** */ /***********TOP TRENDS************** */
.module.toptrends { .module.toptrends {
padding: 8px 4px; margin-bottom: 20px;
}
.toptrends small {
display: none;
} }
.toptrends h3 { .toptrends h3 {
float: left; float: left;
} }
/* line 534, ../sass/style.sass */ /* line 534, ../sass/style.sass */
ol.toptrends-list { ol.toptrends-list {
margin: 0; margin: 0;
@ -2526,26 +2529,15 @@ ol.toptrends-list a:hover {
/********* TWISTDAY REMINDER *******/ /********* TWISTDAY REMINDER *******/
.module.twistday-reminder {
padding: 8px 4px;
top: 30%;
}
.twistday-reminder { .twistday-reminder {
width: inherit; width: 300px;
} }
.twistday-reminder small { .twistday-reminder small {
display: none; display: none;
} }
.twistday-reminder ol {
clear: both;
}
.twistday-reminder h3 { .twistday-reminder h3 {
margin: 5% 0% 2% 5%;
display: inline;
float: left; float: left;
} }
@ -2559,12 +2551,9 @@ ol.toptrends-list a:hover {
text-decoration: none; text-decoration: none;
} }
.twistday-reminder .list { .twistday-reminder .twister-user-info {
width: 300px; margin-top: 8px;
margin: 0% 5% 5% 5%;
padding: 5px;
} }
.twistday-reminder .twister-user-tag, .twistday-reminder .twister-user-tag,
.twistday-reminder .twister-user-full { .twistday-reminder .twister-user-full {
display: block; display: block;
@ -2572,9 +2561,13 @@ ol.toptrends-list a:hover {
text-align: center; text-align: center;
} }
.twistday-reminder img.twister-user-photo {
margin: 0;
}
.twistday-reminder .twisterday { .twistday-reminder .twisterday {
font-size: 80%; font-size: 80%;
margin: 0 11%; margin-left: 8%;
} }
/*********** POPUP PROMPT ************ */ /*********** POPUP PROMPT ************ */
@ -2778,14 +2771,10 @@ ol.toptrends-list a:hover {
/********** RETWIST POSTS PROMPT ********* */ /********** RETWIST POSTS PROMPT ********* */
/* line 705, ../sass/style.sass */ /* line 705, ../sass/style.sass */
.reTwist { .reTwist.prompt-wrapper {
margin-top: -110px; margin-top: -110px;
} }
.reTwist .modal-wrapper {
width: 520px;
top: 20%;
margin: 0 0 0 -260px;
}
.reTwist .modal-content .reTwist .modal-content
{ {
padding: 20px 15px; padding: 20px 15px;
@ -2801,10 +2790,8 @@ ol.toptrends-list a:hover {
/********* REPLY POSTS MODAL************** */ /********* REPLY POSTS MODAL************** */
/* line 715, ../sass/style.sass */ /* line 715, ../sass/style.sass */
.reply .modal-wrapper { .reply.prompt-wrapper {
width: 520px; margin-top: -110px;
top: 20%;
margin: 0 0 0 -260px;
} }
/* line 719, ../sass/style.sass */ /* line 719, ../sass/style.sass */
.reply .modal-buttons, .reply .post-expand, .reply .post-interactions { .reply .modal-buttons, .reply .post-expand, .reply .post-interactions {
@ -3085,15 +3072,15 @@ ol.toptrends-list a:hover {
/* line 943, ../sass/style.sass */ /* line 943, ../sass/style.sass */
.who-to-follow-modal .modal-wrapper { .who-to-follow-modal .modal-wrapper {
width: 520px; width: 520px;
top: 10%; top: 50%;
height: 455px; height: 555px;
margin: 0 0 0 -260px; margin: -275px 0 0 -260px;
overflow-x: hidden; overflow-x: hidden;
} }
/* line 949, ../sass/style.sass */ /* line 949, ../sass/style.sass */
.who-to-follow-modal .modal-content { .who-to-follow-modal .modal-content {
padding: 15px; padding: 15px;
height: 400px; height: 480px;
overflow-y: auto; overflow-y: auto;
} }
/* line 953, ../sass/style.sass */ /* line 953, ../sass/style.sass */
@ -3123,6 +3110,7 @@ ol.toptrends-list a:hover {
/* line 968, ../sass/style.sass */ /* line 968, ../sass/style.sass */
.who-to-follow-modal .twister-user-info { .who-to-follow-modal .twister-user-info {
position: relative; position: relative;
margin-top: 4px;
padding-left: 70px; padding-left: 70px;
width: auto; width: auto;
} }
@ -3134,11 +3122,12 @@ ol.toptrends-list a:hover {
/******* LOADER ************ */ /******* LOADER ************ */
/* line 978, ../sass/style.sass */ /* line 978, ../sass/style.sass */
.postboard-loading { .postboard-loading, .loading-roller {
clear: both;
text-align: center; text-align: center;
} }
/* line 980, ../sass/style.sass */ /* line 980, ../sass/style.sass */
.postboard-loading div { .postboard-loading div, .loading-roller div {
display: inline-block; display: inline-block;
width: 120px; width: 120px;
height: 10px; height: 10px;
@ -3147,7 +3136,7 @@ ol.toptrends-list a:hover {
margin: 10px 0 0 0; margin: 10px 0 0 0;
} }
/* line 987, ../sass/style.sass */ /* line 987, ../sass/style.sass */
.postboard-loading div:after { .postboard-loading div:after, .loading-roller div:after {
content: ""; content: "";
position: absolute; position: absolute;
background-color: white; background-color: white;
@ -3306,9 +3295,7 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a {
/* line 14, ../sass/_responsive.sass */ /* line 14, ../sass/_responsive.sass */
.following-list li, .twistday-reminder li { .following-list li, .twistday-reminder li {
width: 47%;
float: left; float: left;
margin: 0 2% 2% 0;
font-size: 80%; font-size: 80%;
} }
} }
@ -3333,7 +3320,7 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a {
} }
/* line 32, ../sass/_responsive.sass */ /* line 32, ../sass/_responsive.sass */
.who-to-follow, .toptrends, .twistday-reminder { .module.who-to-follow, .module.toptrends, .module.twistday-reminder {
display: none; display: none;
} }

2
theme_nin/sass/_fonts.sass
Unescape View File

@ -180,7 +180,7 @@
/* ''*/ /* ''*/
.icon-arrows:before .icon-arrows:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before
content: '\e814' content: '\e814'
/* ''*/ /* ''*/

11
theme_nin/sass/_responsive.sass
Unescape View File

@ -11,10 +11,8 @@
.postboard .postboard
width: 100% width: 100%
.following-list li .following-list li, .twistday-reminder li
width: 47%
float: left float: left
margin: 0 2% 2% 0
font-size: 80% font-size: 80%
@media (max-width: 900px) @media (max-width: 900px)
@ -29,12 +27,13 @@
.postboard .postboard
margin: 0 margin: 0
padding: 10px padding: 10px
.who-to-follow, .toptrends .module
display: none .who-to-follow, .toptrends, .twistday-reminder
display: none
.mini-profile .mini-profile
.post-area, .post-area-new .post-area, .post-area-new
display: none display: none
.following-list li .following-list li, .twistday-reminder li
width: 98% width: 98%
float: none float: none
margin: 2% 1% margin: 2% 1%

77
theme_nin/sass/style.sass
Unescape View File

@ -62,12 +62,7 @@
padding-top: 70px padding-top: 70px
height: 100% height: 100%
&.right &.right
display: block margin-left: 880px;
position: absolute
right: 0
.module
position: fixed
height: 100%
@extend .clear-fix @extend .clear-fix
@ -434,11 +429,12 @@ textarea.splited-post
/****** WHO TO FOLLOW *******/ /******** WHO TO FOLLOW ********/
.who-to-follow .who-to-follow
width: inherit &.module
margin-bottom: 20px width: inherit
margin-bottom: 20px
small small
display: none display: none
h3 h3
@ -446,6 +442,8 @@ textarea.splited-post
ol ol
@extend .clear-fix @extend .clear-fix
clear: both clear: both
.twister-user-info
margin-top: 8px
.twister-user .twister-user
clear: both clear: both
@ -476,7 +474,7 @@ textarea.splited-post
font-size: 12px font-size: 12px
color: $dark-grey color: $dark-grey
label, a label, a
display: block display: inline-block
.followed-by .followed-by
color: $main-color-light color: $main-color-light
@ -516,7 +514,7 @@ textarea.splited-post
.twister-user-remove:hover .twister-user-remove:hover
opacity: 1 opacity: 1
.refresh-toptrends, .refresh-users .refresh-toptrends, .twistday-reminder .refresh, .refresh-users
@extend .icon-arrows @extend .icon-arrows
@extend .extend-icon @extend .extend-icon
color: $main-color-dark color: $main-color-dark
@ -544,7 +542,7 @@ textarea.splited-post
margin: 0 0 0 15px margin: 0 0 0 15px
position: relative position: relative
.refresh-toptrends:hover, .refresh-users:hover, .view-all-users:hover .refresh-toptrends:hover, .twistday-reminder .refresh:hover, .refresh-users:hover, .view-all-users:hover
color: $main-color-color color: $main-color-color
text-decoration: none text-decoration: none
background-color: transparent background-color: transparent
@ -552,6 +550,10 @@ textarea.splited-post
/***********TOP TRENDS***************/ /***********TOP TRENDS***************/
.toptrends .toptrends
&.module
margin-bottom: 20px
small
display: none
h3 h3
float: left float: left
@ -576,7 +578,31 @@ ol.toptrends-list
background: white background: white
color: $main-color-dark color: $main-color-dark
/********* TWISTDAY REMINDER *******/
.twistday-reminder
width: 300px
small
display: none
h3
float: left
h4
margin: 1% 1% 1% 16%
font-size: 90%
color: rgba(0, 0, 0, 0.5)
a:hover
text-decoration: none
.twister-user-info
margin-top: 8px
.twister-user-tag, .twister-user-full
display: block
margin: 0
text-align: center
img.twister-user-photo
margin: 0
.twisterday
font-size: 80%
margin-left: 8%
/*********** POPUP PROMPT *************/ /*********** POPUP PROMPT *************/
.prompt-wrapper .prompt-wrapper
@ -728,11 +754,8 @@ ol.toptrends-list
/************ RETWIST POSTS MODAL **********/ /************ RETWIST POSTS MODAL **********/
.reTwist .reTwist
margin-top: -110px &.prompt-wrapper
.modal-wrapper margin-top: -110px
width: $postboard-modal-width
top: 20%
margin: 0 0 0 0-($postboard-modal-width/2)
.modal-content .modal-content
padding: 20px 15px padding: 20px 15px
.modal-buttons .modal-buttons
@ -744,10 +767,8 @@ ol.toptrends-list
/********* REPLY POSTS MODAL***************/ /********* REPLY POSTS MODAL***************/
.reply .reply
.modal-wrapper &.prompt-wrapper
width: $postboard-modal-width margin-top: -110px
top: 20%
margin: 0 0 0 0-($postboard-modal-width/2)
.modal-buttons, .post-expand, .post-interactions .modal-buttons, .post-expand, .post-interactions
display: none display: none
.post-area .post-area
@ -974,13 +995,13 @@ ol.toptrends-list
.who-to-follow-modal .who-to-follow-modal
.modal-wrapper .modal-wrapper
width: $postboard-modal-width width: $postboard-modal-width
top: 10% top: 50%
height: 455px height: 555px
margin: 0 0 0 0-($postboard-modal-width/2) margin: -275px 0 0 0-($postboard-modal-width/2)
overflow-x: hidden overflow-x: hidden
.modal-content .modal-content
padding: 15px padding: 15px
height: 400px height: 480px
overflow-y: auto overflow-y: auto
.modal-buttons .modal-buttons
display: none display: none
@ -999,6 +1020,7 @@ ol.toptrends-list
display: block display: block
.twister-user-info .twister-user-info
position: relative position: relative
margin-top: 4px
padding-left: 70px padding-left: 70px
width: auto width: auto
.bio .bio
@ -1007,7 +1029,8 @@ ol.toptrends-list
/******* LOADER *************/ /******* LOADER *************/
.postboard-loading .postboard-loading, .loading-roller
clear: both
text-align: center text-align: center
div div
display: inline-block display: inline-block
@ -1100,7 +1123,7 @@ ol.toptrends-list
#filterLangList #filterLangList
width: 90% width: 90%
#filterLangListCont div, #TopTrendsCont div #filterLangListCont div, #TopTrendsCont div, #TwistdayReminderCont div
float: none float: none
padding: 0px 4px padding: 0px 4px

Write Preview
Loading…
Cancel
Save