Browse Source

fixing .group-messages-control buttons position in thread

nin-v2
myleneb 9 years ago
parent
commit
38b97fdd27
  1. 29
      css/style.css
  2. 7
      sass/layout/_dm.sass
  3. 17
      sass/layout/_groupchat.sass

29
css/style.css

@ -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

@ -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

@ -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
Loading…
Cancel
Save