diff options
Diffstat (limited to 'webapp/sass')
| -rw-r--r-- | webapp/sass/components/_modal.scss | 6 | ||||
| -rw-r--r-- | webapp/sass/components/_popover.scss | 4 | ||||
| -rw-r--r-- | webapp/sass/layout/_headers.scss | 3 | ||||
| -rw-r--r-- | webapp/sass/layout/_navigation.scss | 2 | ||||
| -rw-r--r-- | webapp/sass/responsive/_mobile.scss | 64 |
5 files changed, 69 insertions, 10 deletions
diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss index 53c52fdf1..96da54275 100644 --- a/webapp/sass/components/_modal.scss +++ b/webapp/sass/components/_modal.scss @@ -623,6 +623,12 @@ flex-shrink: 1; } + .filter-button { + .btn { + height: 34px; + } + } + .filter-controls { @include clearfix; flex-grow: 0; diff --git a/webapp/sass/components/_popover.scss b/webapp/sass/components/_popover.scss index 18d70268d..2840c032e 100644 --- a/webapp/sass/components/_popover.scss +++ b/webapp/sass/components/_popover.scss @@ -128,6 +128,10 @@ background: alpha-color($black, .2); } + .mention--align { + display: inline-block; + } + .fa { @include opacity(.5); margin-right: 5px; diff --git a/webapp/sass/layout/_headers.scss b/webapp/sass/layout/_headers.scss index 579875b47..a8344b1c5 100644 --- a/webapp/sass/layout/_headers.scss +++ b/webapp/sass/layout/_headers.scss @@ -9,9 +9,10 @@ .member-popover__trigger { cursor: pointer; + min-width: 60px; padding-right: 10px; text-align: right; - width: 60px; + white-space: nowrap; .fa { font-size: 16px; diff --git a/webapp/sass/layout/_navigation.scss b/webapp/sass/layout/_navigation.scss index 751171412..891ed6259 100644 --- a/webapp/sass/layout/_navigation.scss +++ b/webapp/sass/layout/_navigation.scss @@ -101,7 +101,7 @@ cursor: pointer; height: 19px; position: relative; - top: -1px; + top: 13px; vertical-align: middle; width: 19px; } diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 87ee837d1..b8d54715a 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -10,6 +10,50 @@ .filtered-user-list { max-height: 65vh !important; + + .filter-button { + .btn { + width: 100%; + } + } + } + + #header-popover { + @include box-shadow(none); + background: alpha-color($black, .8); + border: none; + height: 100%; + max-width: 100%; + position: fixed; + top: 47px; + width: 100%; + + .arrow { + display: none; + } + + .popover-content { + color: $white; + font-size: 15px; + padding: 15px 20px 100px; + } + + .close__icon { + @include border-radius(50%); + border: 1px solid $white; + bottom: 25px; + color: $white; + display: block; + font-size: 23px; + font-weight: 300; + height: 30px; + left: 50%; + line-height: 23px; + margin-left: -25px; + position: fixed; + text-align: center; + width: 30px; + } } .app__body { @@ -493,6 +537,10 @@ } .settings-modal { + .modal-body { + min-height: 100%; + } + &.display--content { .modal-header { display: none; @@ -598,7 +646,7 @@ .nav { > li { > a { - border-top: 1px solid transparent; + border-bottom: 1px solid transparent; font-size: 1.1em; line-height: 2.7; @@ -742,20 +790,20 @@ &:after { @include border-radius(50%); - background: alpha-color($black, .8); - border-bottom: 1px solid alpha-color($white, .3); + border: 1px solid $white; bottom: 25px; color: $white; - content: '×'; + content: '\D7'; display: block; - font-size: 30px; - height: 50px; + font-size: 23px; + font-weight: 300; + height: 30px; left: 50%; - line-height: 50px; + line-height: 27px; margin-left: -25px; position: fixed; text-align: center; - width: 50px; + width: 30px; } > li { |