diff --git a/css/style.css b/css/style.css index 519c100..75347ab 100644 --- a/css/style.css +++ b/css/style.css @@ -818,7 +818,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover { -webkit-box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3); } -.prompt-wrapper .modal-buttons, .prompt-wrapper .following-config-method-buttons { +.prompt-wrapper .following-config-method-buttons { padding: 0 20px 20px 0; float: right; } @@ -838,14 +838,24 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover { .prompt-wrapper .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 { cursor: default; } +.prompt-wrapper .modal-buttons { + margin: 4px 0; + text-align: right; +} +.prompt-wrapper .switch-mode { + display: inline-block; + float: left; + margin: 12px 4px 4px; + color: #8a8691; + cursor: pointer; + font-size: 0.8rem; + line-height: 0.8rem; +} /************ FOLLOWING-CONFIG MODAL ********* */ .prompt-wrapper.following-config-modal { margin-top: -100px; } -.prompt-wrapper.following-config-modal .modal-buttons { - display: none; -} .prompt-wrapper.following-config-modal h2 { text-transform: none; display: inline-block !important; @@ -876,7 +886,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover { .prompt-wrapper.reply.prompt-wrapper { margin-top: -110px; } -.prompt-wrapper.reply .modal-buttons, .prompt-wrapper.reply .post-expand, .prompt-wrapper.reply .post-interactions { +.prompt-wrapper.reply .post-expand, .prompt-wrapper.reply .post-interactions { display: none; } .prompt-wrapper.reply .post-area { @@ -1203,10 +1213,6 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover { text-decoration: none; } -.profile-modal .modal-buttons { - display: none; -} - /************* TOP TEXTAREA ************ */ #postboard-top { position: relative; diff --git a/sass/layout/_profile.sass b/sass/layout/_profile.sass index c252dd7..6139b51 100644 --- a/sass/layout/_profile.sass +++ b/sass/layout/_profile.sass @@ -157,6 +157,3 @@ $modal-postboard-post-height: 100% @extend .ion-tox @extend .ion -.profile-modal .modal-buttons - display: none - diff --git a/sass/layout/_prompt.sass b/sass/layout/_prompt.sass index 6e78c72..e9c43bb 100644 --- a/sass/layout/_prompt.sass +++ b/sass/layout/_prompt.sass @@ -10,7 +10,7 @@ width: 600px margin-left: -300px +box-shadow(0 8px 33px rgba(#000, .3)) - .modal-buttons, .following-config-method-buttons + .following-config-method-buttons padding: 0 20px 20px 0 float: right .modal-content @@ -27,15 +27,24 @@ color: white &:hover cursor: default + .modal-buttons + margin: 4px 0 + text-align: right + .switch-mode + display: inline-block + float: left + margin: 12px 4px 4px + color: lighten($dark-grey,30%) + cursor: pointer + font-size: .8rem + line-height: .8rem + - /************ FOLLOWING-CONFIG MODAL **********/ .prompt-wrapper.following-config-modal margin-top: -100px - .modal-buttons - display: none h2 text-transform: none display: inline-block!important @@ -67,7 +76,7 @@ .prompt-wrapper.reply &.prompt-wrapper margin-top: -110px - .modal-buttons, .post-expand, .post-interactions + .post-expand, .post-interactions display: none .post-area padding-bottom: 6px