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 invit form in group chat thread

nin-v2
myleneb 9 years ago
parent
38b97fdd27
commit
0c8622fdd1
2 changed files with 50 additions and 37 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. 81
      css/style.css
  2. 6
      sass/layout/_groupchat.sass

81
css/style.css
Unescape View File

@ -114,7 +114,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .mini-profile .post-area .modal-header span:before, .prompt-wrapper .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .mini-profile-indicators .userMenu-groupmessages a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .view-all-users:before, .ion-after:after, .isFollowing:after, .direct-messages-list .post:after { .ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .direct-messages-thread + .group-messages-control .invite-form .modal-header span:before, .mini-profile .post-area .modal-header span:before, .prompt-wrapper .switch-mode:before, .direct-messages-thread + .group-messages-control .invite-form .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .mini-profile-indicators .userMenu-groupmessages a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .view-all-users:before, .ion-after:after, .isFollowing:after, .direct-messages-list .post:after {
display: inline-block; display: inline-block;
font-family: "Ionicons"; font-family: "Ionicons";
speak: none; speak: none;
@ -128,11 +128,11 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .mini-profile .post-area .modal-header span:before, .prompt-wrapper .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .mini-profile-indicators .userMenu-groupmessages a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .view-all-users:before { .ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .direct-messages-thread + .group-messages-control .invite-form .modal-header span:before, .mini-profile .post-area .modal-header span:before, .prompt-wrapper .switch-mode:before, .direct-messages-thread + .group-messages-control .invite-form .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .mini-profile-indicators .userMenu-groupmessages a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .view-all-users:before {
padding: 0 3px; padding: 0 3px;
} }
.ion:after, .userMenu li.userMenu-config > a:after, .modal-header span:after, .prompt-wrapper .modal-header span:after, .mini-profile .post-area .modal-header span:after, .prompt-wrapper .switch-mode:after, .mini-profile .post-area.display .switch-mode:after, .bitmessage-ctc:after, .tox-ctc:after, .profile-modal .profile-tox:after, .profile-modal .profile-bitmessage:after, .post-retransmited-icon:after, .post-interactions span:after, .post-stats li.stat-count:after, ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .show-more-followers:after, .mini-profile-indicators .userMenu-connections a:after, .mini-profile-indicators .userMenu-messages a:after, .mini-profile-indicators .userMenu-user a:after, .mini-profile-indicators .userMenu-groupmessages a:after, .twister-user-remove:after, .refresh-toptrends:after, .twistday-reminder .refresh:after, .refresh-users:after, .view-all-users:after, .ion-after:before, .isFollowing:before, .direct-messages-list .post:before { .ion:after, .userMenu li.userMenu-config > a:after, .modal-header span:after, .prompt-wrapper .modal-header span:after, .direct-messages-thread + .group-messages-control .invite-form .modal-header span:after, .mini-profile .post-area .modal-header span:after, .prompt-wrapper .switch-mode:after, .direct-messages-thread + .group-messages-control .invite-form .switch-mode:after, .mini-profile .post-area.display .switch-mode:after, .bitmessage-ctc:after, .tox-ctc:after, .profile-modal .profile-tox:after, .profile-modal .profile-bitmessage:after, .post-retransmited-icon:after, .post-interactions span:after, .post-stats li.stat-count:after, ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .show-more-followers:after, .mini-profile-indicators .userMenu-connections a:after, .mini-profile-indicators .userMenu-messages a:after, .mini-profile-indicators .userMenu-user a:after, .mini-profile-indicators .userMenu-groupmessages a:after, .twister-user-remove:after, .refresh-toptrends:after, .twistday-reminder .refresh:after, .refresh-users:after, .view-all-users:after, .ion-after:before, .isFollowing:before, .direct-messages-list .post:before {
display: none; display: none;
} }
@ -140,7 +140,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
content: ""; content: "";
} }
.ion-checkmark:after, .isFollowing:after, .modal-header span.mark-all-as-read:after, .mini-profile .post-area .modal-header span.mark-all-as-read:after, .ion-checkmark:before, .isFollowing:before, .modal-header span.mark-all-as-read:before, .mini-profile .post-area .modal-header span.mark-all-as-read:before { .ion-checkmark:after, .isFollowing:after, .modal-header span.mark-all-as-read:after, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.mark-all-as-read:after, .mini-profile .post-area .modal-header span.mark-all-as-read:after, .ion-checkmark:before, .isFollowing:before, .modal-header span.mark-all-as-read:before, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.mark-all-as-read:before, .mini-profile .post-area .modal-header span.mark-all-as-read:before {
content: ""; content: "";
} }
@ -148,7 +148,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
content: ""; content: "";
} }
.ion-shuffle:before, .prompt-wrapper .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .post-retransmited-icon:before, .post-interactions span.post-propagate:before, .post-stats li.stat-count:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before { .ion-shuffle:before, .prompt-wrapper .switch-mode:before, .direct-messages-thread + .group-messages-control .invite-form .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .post-retransmited-icon:before, .post-interactions span.post-propagate:before, .post-stats li.stat-count:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before {
content: ""; content: "";
} }
@ -172,11 +172,11 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
content: ""; content: "";
} }
.ion-close:before, .modal-header span.modal-close:before, .mini-profile .post-area .modal-header span.modal-close:before, .twister-user-remove:before { .ion-close:before, .modal-header span.modal-close:before, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.modal-close:before, .mini-profile .post-area .modal-header span.modal-close:before, .twister-user-remove:before {
content: ""; content: "";
} }
.ion-back:before, .modal-header span.modal-back:before, .mini-profile .post-area .modal-header span.modal-back:before { .ion-back:before, .modal-header span.modal-back:before, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.modal-back:before, .mini-profile .post-area .modal-header span.modal-back:before {
content: ""; content: "";
} }
@ -346,7 +346,7 @@ h3 .isFollowing:after, .login .module p span .isFollowing:after {
box-shadow: 0 8px 13px rgba(17, 17, 17, 0); box-shadow: 0 8px 13px rgba(17, 17, 17, 0);
} }
.clear-fix:after, .userMenu > ul:after, .wrapper:after, .dashboard > .module:after, .dashboard > .module ol:after, .modal-wrapper.following-modal a:after, .modal-wrapper .modal-content:after, .modal-header:after, .prompt-wrapper .modal-header:after, .mini-profile .post-area .modal-header:after, .twister-user:after, .direct-messages-thread .post:after, #postboard-top:after, #postboard-top .post-area:after, .expanded-content:after, .forEdition.profile-card:after, .forEdition.profile-card .profile-card-main:after, .following .following-list li a:after, .login .module:after, .network.singleBlock:after, .network.singleBlock .module:after, .options .tab-content:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after { .clear-fix:after, .userMenu > ul:after, .wrapper:after, .dashboard > .module:after, .dashboard > .module ol:after, .modal-wrapper.following-modal a:after, .modal-wrapper .modal-content:after, .modal-header:after, .prompt-wrapper .modal-header:after, .direct-messages-thread + .group-messages-control .invite-form .modal-header:after, .mini-profile .post-area .modal-header:after, .twister-user:after, .direct-messages-thread .post:after, #postboard-top:after, #postboard-top .post-area:after, .expanded-content:after, .forEdition.profile-card:after, .forEdition.profile-card .profile-card-main:after, .following .following-list li a:after, .login .module:after, .network.singleBlock:after, .network.singleBlock .module:after, .options .tab-content:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after {
content: ""; content: "";
display: table; display: table;
clear: both; clear: both;
@ -739,7 +739,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
z-index: 2000; z-index: 2000;
} }
.modal-header, .prompt-wrapper .modal-header, .mini-profile .post-area .modal-header { .modal-header, .prompt-wrapper .modal-header, .direct-messages-thread + .group-messages-control .invite-form .modal-header, .mini-profile .post-area .modal-header {
position: relative; position: relative;
background: #212121; background: #212121;
height: 52px; height: 52px;
@ -747,7 +747,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.modal-header h3, .prompt-wrapper .modal-header h3, .mini-profile .post-area .modal-header h3, .modal-header .login .module p span, .login .module p .modal-header span { .modal-header h3, .prompt-wrapper .modal-header h3, .direct-messages-thread + .group-messages-control .invite-form .modal-header h3, .mini-profile .post-area .modal-header h3, .modal-header .login .module p span, .login .module p .modal-header span {
padding-left: 20px; padding-left: 20px;
line-height: 52px; line-height: 52px;
font-weight: 500; font-weight: 500;
@ -755,10 +755,10 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
float: left; float: left;
color: white; color: white;
} }
.modal-header h3 span, .prompt-wrapper .modal-header h3 span, .mini-profile .post-area .modal-header h3 span, .modal-header .login .module p span span, .login .module p .modal-header span span { .modal-header h3 span, .prompt-wrapper .modal-header h3 span, .direct-messages-thread + .group-messages-control .invite-form .modal-header h3 span, .mini-profile .post-area .modal-header h3 span, .modal-header .login .module p span span, .login .module p .modal-header span span {
position: relative; position: relative;
} }
.modal-header span, .prompt-wrapper .modal-header span, .mini-profile .post-area .modal-header span { .modal-header span, .prompt-wrapper .modal-header span, .direct-messages-thread + .group-messages-control .invite-form .modal-header span, .mini-profile .post-area .modal-header span {
position: absolute; position: absolute;
top: 0; top: 0;
line-height: 52px; line-height: 52px;
@ -767,22 +767,22 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
transition: color 0.1s linear; transition: color 0.1s linear;
} }
.modal-header span:hover, .mini-profile .post-area .modal-header span:hover { .modal-header span:hover, .direct-messages-thread + .group-messages-control .invite-form .modal-header span:hover, .mini-profile .post-area .modal-header span:hover {
color: white; color: white;
} }
.modal-header span b, .prompt-wrapper .modal-header span b, .mini-profile .post-area .modal-header span b { .modal-header span b, .prompt-wrapper .modal-header span b, .direct-messages-thread + .group-messages-control .invite-form .modal-header span b, .mini-profile .post-area .modal-header span b {
display: none; display: none;
} }
.modal-header span.modal-close, .mini-profile .post-area .modal-header span.modal-close { .modal-header span.modal-close, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.modal-close, .mini-profile .post-area .modal-header span.modal-close {
right: 10px; right: 10px;
} }
.modal-header span.mark-all-as-read, .mini-profile .post-area .modal-header span.mark-all-as-read { .modal-header span.mark-all-as-read, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.mark-all-as-read, .mini-profile .post-area .modal-header span.mark-all-as-read {
position: static; position: static;
float: left; float: left;
margin-left: 10px; margin-left: 10px;
display: none; display: none;
} }
.modal-header span.modal-back, .mini-profile .post-area .modal-header span.modal-back { .modal-header span.modal-back, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.modal-back, .mini-profile .post-area .modal-header span.modal-back {
right: 35px; right: 35px;
} }
@ -810,7 +810,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
/*********** POPUP PROMPT ************ */ /*********** POPUP PROMPT ************ */
/*********** POPUP PROMPT ************ */ /*********** POPUP PROMPT ************ */
.prompt-wrapper, .mini-profile .post-area.display { .prompt-wrapper, .direct-messages-thread + .group-messages-control .invite-form, .mini-profile .post-area.display {
background: #FDFCFA; background: #FDFCFA;
z-index: 200; z-index: 200;
position: fixed; position: fixed;
@ -822,34 +822,34 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
-webkit-box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
} }
.prompt-wrapper .following-config-method-buttons, .mini-profile .post-area.display .following-config-method-buttons { .prompt-wrapper .following-config-method-buttons, .direct-messages-thread + .group-messages-control .invite-form .following-config-method-buttons, .mini-profile .post-area.display .following-config-method-buttons {
padding: 0 20px 20px 0; padding: 0 20px 20px 0;
float: right; float: right;
} }
.prompt-wrapper .modal-content, .mini-profile .post-area.display .modal-content { .prompt-wrapper .modal-content, .direct-messages-thread + .group-messages-control .invite-form .modal-content, .mini-profile .post-area.display .modal-content {
padding: 20px; padding: 20px;
} }
.prompt-wrapper .modal-content .post-area textarea, .mini-profile .post-area.display .modal-content .post-area textarea { .prompt-wrapper .modal-content .post-area textarea, .direct-messages-thread + .group-messages-control .invite-form .modal-content .post-area textarea, .mini-profile .post-area.display .modal-content .post-area textarea {
clear: both; clear: both;
} }
.prompt-wrapper .post-data, .mini-profile .post-area.display .post-data { .prompt-wrapper .post-data, .direct-messages-thread + .group-messages-control .invite-form .post-data, .mini-profile .post-area.display .post-data {
border: 1px solid #F3F2F0; border: 1px solid #F3F2F0;
position: relative; position: relative;
padding: 10px; padding: 10px;
background: white; background: white;
} }
.prompt-wrapper .modal-header h3 span, .prompt-wrapper .mini-profile .post-area .modal-header h3 span, .mini-profile .post-area .prompt-wrapper .modal-header h3 span, .mini-profile .post-area.display .modal-header h3 span, .prompt-wrapper .modal-header .login .module p span span, .login .module p .prompt-wrapper .modal-header span span, .mini-profile .post-area.display .modal-header .login .module p span span, .login .module p .mini-profile .post-area.display .modal-header span span { .prompt-wrapper .modal-header h3 span, .direct-messages-thread + .group-messages-control .invite-form .modal-header h3 span, .prompt-wrapper .mini-profile .post-area .modal-header h3 span, .mini-profile .post-area .prompt-wrapper .modal-header h3 span, .mini-profile .post-area.display .modal-header h3 span, .prompt-wrapper .modal-header .login .module p span span, .login .module p .prompt-wrapper .modal-header span span, .direct-messages-thread + .group-messages-control .invite-form .modal-header .login .module p span span, .login .module p .direct-messages-thread + .group-messages-control .invite-form .modal-header span span, .mini-profile .post-area.display .modal-header .login .module p span span, .login .module p .mini-profile .post-area.display .modal-header span span {
padding-left: 5px; padding-left: 5px;
color: white; color: white;
} }
.prompt-wrapper .modal-header h3 span:hover, .mini-profile .post-area.display .modal-header h3 span:hover, .prompt-wrapper .modal-header .login .module p span span:hover, .login .module p .prompt-wrapper .modal-header span span:hover, .mini-profile .post-area.display .modal-header .login .module p span span:hover, .login .module p .mini-profile .post-area.display .modal-header span span:hover { .prompt-wrapper .modal-header h3 span:hover, .direct-messages-thread + .group-messages-control .invite-form .modal-header h3 span:hover, .mini-profile .post-area.display .modal-header h3 span:hover, .prompt-wrapper .modal-header .login .module p span span:hover, .login .module p .prompt-wrapper .modal-header span span:hover, .direct-messages-thread + .group-messages-control .invite-form .modal-header .login .module p span span:hover, .login .module p .direct-messages-thread + .group-messages-control .invite-form .modal-header span span:hover, .mini-profile .post-area.display .modal-header .login .module p span span:hover, .login .module p .mini-profile .post-area.display .modal-header span span:hover {
cursor: default; cursor: default;
} }
.prompt-wrapper .modal-buttons, .mini-profile .post-area.display .modal-buttons { .prompt-wrapper .modal-buttons, .direct-messages-thread + .group-messages-control .invite-form .modal-buttons, .mini-profile .post-area.display .modal-buttons {
margin: 4px 0; margin: 4px 0;
text-align: right; text-align: right;
} }
.prompt-wrapper .switch-mode, .mini-profile .post-area.display .switch-mode { .prompt-wrapper .switch-mode, .direct-messages-thread + .group-messages-control .invite-form .switch-mode, .mini-profile .post-area.display .switch-mode {
display: inline-block; display: inline-block;
float: left; float: left;
margin: 12px 4px 4px; margin: 12px 4px 4px;
@ -860,43 +860,43 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
} }
/************ FOLLOWING-CONFIG MODAL ********* */ /************ FOLLOWING-CONFIG MODAL ********* */
.prompt-wrapper.following-config-modal, .mini-profile .following-config-modal.post-area.display { .prompt-wrapper.following-config-modal, .direct-messages-thread + .group-messages-control .following-config-modal.invite-form, .mini-profile .following-config-modal.post-area.display {
margin-top: -100px; margin-top: -100px;
} }
.prompt-wrapper.following-config-modal h2, .mini-profile .following-config-modal.post-area.display h2 { .prompt-wrapper.following-config-modal h2, .direct-messages-thread + .group-messages-control .following-config-modal.invite-form h2, .mini-profile .following-config-modal.post-area.display h2 {
text-transform: none; text-transform: none;
display: inline-block !important; display: inline-block !important;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
padding: 1rem; padding: 1rem;
} }
.prompt-wrapper.following-config-modal h2 span, .mini-profile .following-config-modal.post-area.display h2 span { .prompt-wrapper.following-config-modal h2 span, .direct-messages-thread + .group-messages-control .following-config-modal.invite-form h2 span, .mini-profile .following-config-modal.post-area.display h2 span {
display: inline-block !important; display: inline-block !important;
} }
.prompt-wrapper.following-config-modal h2 span b, .mini-profile .following-config-modal.post-area.display h2 span b { .prompt-wrapper.following-config-modal h2 span b, .direct-messages-thread + .group-messages-control .following-config-modal.invite-form h2 span b, .mini-profile .following-config-modal.post-area.display h2 span b {
font-weight: 400; font-weight: 400;
} }
/************ RETWIST POSTS MODAL ********* */ /************ RETWIST POSTS MODAL ********* */
.prompt-wrapper.reTwist.prompt-wrapper, .mini-profile .reTwist.post-area.display { .prompt-wrapper.reTwist.prompt-wrapper, .direct-messages-thread + .group-messages-control .reTwist.invite-form, .mini-profile .reTwist.post-area.display {
margin-top: -150px; margin-top: -150px;
} }
.prompt-wrapper.reTwist .post-expand, .mini-profile .reTwist.post-area.display .post-expand, .prompt-wrapper.reTwist .post-interactions, .mini-profile .reTwist.post-area.display .post-interactions { .prompt-wrapper.reTwist .post-expand, .direct-messages-thread + .group-messages-control .reTwist.invite-form .post-expand, .mini-profile .reTwist.post-area.display .post-expand, .prompt-wrapper.reTwist .post-interactions, .direct-messages-thread + .group-messages-control .reTwist.invite-form .post-interactions, .mini-profile .reTwist.post-area.display .post-interactions {
display: none; display: none;
} }
.prompt-wrapper.reTwist .post-info-time, .mini-profile .reTwist.post-area.display .post-info-time { .prompt-wrapper.reTwist .post-info-time, .direct-messages-thread + .group-messages-control .reTwist.invite-form .post-info-time, .mini-profile .reTwist.post-area.display .post-info-time {
position: static; position: static;
float: right; float: right;
} }
/********* REPLY POSTS MODAL************** */ /********* REPLY POSTS MODAL************** */
.prompt-wrapper.reply.prompt-wrapper, .mini-profile .reply.post-area.display { .prompt-wrapper.reply.prompt-wrapper, .direct-messages-thread + .group-messages-control .reply.invite-form, .mini-profile .reply.post-area.display {
margin-top: -110px; margin-top: -110px;
} }
.prompt-wrapper.reply .post-expand, .mini-profile .reply.post-area.display .post-expand, .prompt-wrapper.reply .post-interactions, .mini-profile .reply.post-area.display .post-interactions { .prompt-wrapper.reply .post-expand, .direct-messages-thread + .group-messages-control .reply.invite-form .post-expand, .mini-profile .reply.post-area.display .post-expand, .prompt-wrapper.reply .post-interactions, .direct-messages-thread + .group-messages-control .reply.invite-form .post-interactions, .mini-profile .reply.post-area.display .post-interactions {
display: none; display: none;
} }
.prompt-wrapper.reply .post-area, .mini-profile .reply.post-area.display .post-area { .prompt-wrapper.reply .post-area, .direct-messages-thread + .group-messages-control .reply.invite-form .post-area, .mini-profile .reply.post-area.display .post-area {
padding-bottom: 6px; padding-bottom: 6px;
} }
@ -1733,6 +1733,13 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
-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);
} }
.direct-messages-thread + .group-messages-control .invite-form {
bottom: 40px;
top: auto;
}
.direct-messages-thread + .group-messages-control .invite-form textarea {
min-height: 100px;
}
.direct-messages-thread + .group-messages-control button, .direct-messages-thread + .group-messages-control .show-more-followers { .direct-messages-thread + .group-messages-control button, .direct-messages-thread + .group-messages-control .show-more-followers {
float: none; float: none;
display: inline-block; display: inline-block;
@ -2885,7 +2892,7 @@ ul.dropdown-menu li > li > a {
width: 150px; width: 150px;
} }
.prompt-wrapper, .mini-profile .post-area.display { .prompt-wrapper, .direct-messages-thread + .group-messages-control .invite-form, .mini-profile .post-area.display {
width: 98%; width: 98%;
left: 1%; left: 1%;
margin-left: 0; margin-left: 0;

6
sass/layout/_groupchat.sass
Unescape View File

@ -83,6 +83,12 @@
z-index: 200 z-index: 200
background: $bloc-light-color background: $bloc-light-color
+box-shadow(0 -8px 13px rgba(#111, 0.1)) +box-shadow(0 -8px 13px rgba(#111, 0.1))
.invite-form
@extend .prompt-wrapper
bottom: 40px
top: auto
textarea
min-height: 100px
button button
float: none float: none
display: inline-block display: inline-block

Write Preview
Loading…
Cancel
Save