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

fixing .group-messages-control buttons position in thread

nin-v2
myleneb 9 years ago
parent
f4dcf32f9f
commit
38b97fdd27
3 changed files with 42 additions and 11 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. 7
      sass/layout/_dm.sass
  3. 17
      sass/layout/_groupchat.sass

29
css/style.css
Unescape View File

@ -392,13 +392,13 @@ button.disabled:hover, .disabled.show-more-followers:hover, a.button.disabled:ho
-webkit-box-shadow: 1px 1px 0 rgba(68, 68, 68, 0.3); -webkit-box-shadow: 1px 1px 0 rgba(68, 68, 68, 0.3);
box-shadow: 1px 1px 0 rgba(68, 68, 68, 0.3); box-shadow: 1px 1px 0 rgba(68, 68, 68, 0.3);
} }
button.color-1, .modal-wrapper .modal-content button.postboard-news, .modal-wrapper .modal-content .postboard-news.show-more-followers, button.follow, .follow.show-more-followers, .forEdition.profile-card button.submit-changes, .forEdition.profile-card .submit-changes.show-more-followers, .color-1.show-more-followers, a.button.color-1, .modal-wrapper .modal-content a.button.postboard-news, a.button.follow { button.color-1, .modal-wrapper .modal-content button.postboard-news, .modal-wrapper .modal-content .postboard-news.show-more-followers, button.follow, .follow.show-more-followers, .direct-messages-thread + .group-messages-control button, .direct-messages-thread + .group-messages-control .show-more-followers, .forEdition.profile-card button.submit-changes, .forEdition.profile-card .submit-changes.show-more-followers, .color-1.show-more-followers, a.button.color-1, .modal-wrapper .modal-content a.button.postboard-news, a.button.follow {
background: #A1B775; background: #A1B775;
border-color: #96ae64; border-color: #96ae64;
color: white; color: white;
font-weight: 500; font-weight: 500;
} }
button.color-1:hover, .modal-wrapper .modal-content button.postboard-news:hover, .modal-wrapper .modal-content .postboard-news.show-more-followers:hover, button.follow:hover, .follow.show-more-followers:hover, .forEdition.profile-card button.submit-changes:hover, .forEdition.profile-card .submit-changes.show-more-followers:hover, .color-1.show-more-followers:hover, a.button.color-1:hover, .modal-wrapper .modal-content a.button.postboard-news:hover, a.button.follow:hover { button.color-1:hover, .modal-wrapper .modal-content button.postboard-news:hover, .modal-wrapper .modal-content .postboard-news.show-more-followers:hover, button.follow:hover, .follow.show-more-followers:hover, .direct-messages-thread + .group-messages-control button:hover, .direct-messages-thread + .group-messages-control .show-more-followers:hover, .forEdition.profile-card button.submit-changes:hover, .forEdition.profile-card .submit-changes.show-more-followers:hover, .color-1.show-more-followers:hover, a.button.color-1:hover, .modal-wrapper .modal-content a.button.postboard-news:hover, a.button.follow:hover {
border-color: #687b40; border-color: #687b40;
} }
button.color-2, button.unfollow, .unfollow.show-more-followers, .forEdition.profile-card button.toggle-priv-key, .forEdition.profile-card .toggle-priv-key.show-more-followers, .color-2.show-more-followers, a.button.color-2, a.button.unfollow { button.color-2, button.unfollow, .unfollow.show-more-followers, .forEdition.profile-card button.toggle-priv-key, .forEdition.profile-card .toggle-priv-key.show-more-followers, .color-2.show-more-followers, a.button.color-2, a.button.unfollow {
@ -907,9 +907,9 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
z-index: 5; z-index: 5;
background: #FDFCFA !important; background: #FDFCFA !important;
position: absolute; position: absolute;
bottom: 0; bottom: 40px;
width: 100% !important; width: 100% !important;
padding: 20px !important; padding: 10px 20px !important;
-moz-box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1); -moz-box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
-webkit-box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1); -webkit-box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1); box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
@ -999,7 +999,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
} }
.direct-messages-thread { .direct-messages-thread {
padding-bottom: 180px; padding-bottom: 200px;
max-width: 420px; max-width: 420px;
margin: auto; margin: auto;
} }
@ -1719,7 +1719,24 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
} }
.direct-messages-thread + .group-messages-control { .direct-messages-thread + .group-messages-control {
display: none; position: absolute;
bottom: 0;
height: 40px;
overflow: hidden;
left: 0;
width: 100%;
padding: 3px 10px;
text-align: right !important;
z-index: 200;
background: #FDFCFA;
-moz-box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
-webkit-box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
}
.direct-messages-thread + .group-messages-control button, .direct-messages-thread + .group-messages-control .show-more-followers {
float: none;
display: inline-block;
padding: 7px;
} }
.forEdition.profile-card { .forEdition.profile-card {

7
sass/layout/_dm.sass
Unescape View File

@ -7,9 +7,9 @@
z-index: 5 z-index: 5
background: $bloc-light-color !important background: $bloc-light-color !important
position: absolute position: absolute
bottom: 0 bottom: 40px
width: 100% !important width: 100% !important
padding: 20px!important padding: 10px 20px!important
+box-shadow(0 -8px 13px rgba(#111, 0.1)) +box-shadow(0 -8px 13px rgba(#111, 0.1))
#post-preview #post-preview
background: none background: none
@ -78,8 +78,7 @@
border-bottom: 1px solid $main-background-color border-bottom: 1px solid $main-background-color
background: $bloc-light-color background: $bloc-light-color
.direct-messages-thread .direct-messages-thread
padding-bottom: 180px padding-bottom: 200px
max-width: 420px max-width: 420px
margin: auto margin: auto
li li

17
sass/layout/_groupchat.sass
Unescape View File

@ -72,4 +72,19 @@
.direct-messages-thread + .group-messages-control .direct-messages-thread + .group-messages-control
display: none position: absolute
bottom: 0
height: 40px
overflow: hidden
left: 0
width: 100%
padding: 3px 10px
text-align: right!important
z-index: 200
background: $bloc-light-color
+box-shadow(0 -8px 13px rgba(#111, 0.1))
button
float: none
display: inline-block
padding: 7px
@extend .color-1
Write Preview
Loading…
Cancel
Save