diff options
| -rw-r--r-- | app/src/web/scss/core/_base.scss | 14 | ||||
| -rw-r--r-- | app/src/web/scss/messenger/core/_core_border.scss | 3 | ||||
| -rw-r--r-- | app/src/web/scss/messenger/core/_core_vars.scss | 8 | ||||
| -rw-r--r-- | app/src/web/scss/messenger/core/core.scss | 16 |
4 files changed, 37 insertions, 4 deletions
diff --git a/app/src/web/scss/core/_base.scss b/app/src/web/scss/core/_base.scss index 472319fe..6fa9c3fd 100644 --- a/app/src/web/scss/core/_base.scss +++ b/app/src/web/scss/core/_base.scss @@ -16,6 +16,13 @@ } } +@mixin fill-available { + width: 100%; + max-width: -webkit-fill-available; + max-width: -moz-available; + max-width: fill-available; +} + @mixin keyframes($name) { @-webkit-keyframes #{$name} { @content; @@ -38,7 +45,12 @@ @function str-replace($string, $search, $replace: "") { $index: str-index($string, $search); - @return if($index, str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace), $string); + @return if( + $index, + str-slice($string, 1, $index - 1) + $replace + + str-replace(str-slice($string, $index + str-length($search)), $search, $replace), + $string + ); } // https://css-tricks.com/probably-dont-base64-svg/ diff --git a/app/src/web/scss/messenger/core/_core_border.scss b/app/src/web/scss/messenger/core/_core_border.scss index e69de29b..10495a02 100644 --- a/app/src/web/scss/messenger/core/_core_border.scss +++ b/app/src/web/scss/messenger/core/_core_border.scss @@ -0,0 +1,3 @@ +[role="navigation"] { + border-right: 2px solid $bg_opaque2 !important; +}
\ No newline at end of file diff --git a/app/src/web/scss/messenger/core/_core_vars.scss b/app/src/web/scss/messenger/core/_core_vars.scss index cdc5b7cf..66795299 100644 --- a/app/src/web/scss/messenger/core/_core_vars.scss +++ b/app/src/web/scss/messenger/core/_core_vars.scss @@ -2,7 +2,7 @@ --attachment-footer-background: #{$bg_opaque} !important; --card-background-flat: #{$bg_opaque} !important; --card-background: #{$bg_opaque} !important; - --comment-background: #{$bg_opaque} !important; + --comment-background: #{$bg_opaque2} !important; --comment-footer-background: #{$bg_opaque} !important; --disabled-button-background: #{$bg_opaque} !important; --disabled-icon: #{$text_disabled} !important; @@ -25,6 +25,10 @@ --secondary-text: #{$text} !important; --surface-background: #{$bg_opaque2} !important; // Emoji background --toggle-active-background: #{$bg_opaque2} !important; + --wash: #{$bg_opaque2} !important; --web-wash: #{$bg_opaque2} !important; - --web-wash: #{$bg_opaque2} !important; + + [role="navigation"] { + --surface-background: #{$bg_opaque} !important; // Nav background + } } diff --git a/app/src/web/scss/messenger/core/core.scss b/app/src/web/scss/messenger/core/core.scss index d5cb691a..7d49422d 100644 --- a/app/src/web/scss/messenger/core/core.scss +++ b/app/src/web/scss/messenger/core/core.scss @@ -3,4 +3,18 @@ @import "core_vars"; @import "core_text"; @import "core_bg"; -@import "core_border";
\ No newline at end of file +@import "core_border"; + +// Sizing adjustments +[role="navigation"] { + .rq0escxv.l9j0dhe7.du4w35lb.j83agx80.g5gj957u.rj1gh0hx.buofh1pr.hpfvmrgz.i1fnvgqd.bp9cbjyn.owycx6da.btwxx1t3.dflh9lhu.scb9dxdr.sj5x9vvc.cxgpxx05.sn0e7ne5.f6rbj1fe.l3ldwz01 /* New! Messenger app for windows */, + .rq0escxv.l9j0dhe7.du4w35lb.n851cfcs.aahdfvyu /* Search messenger */, + .wkznzc2l /* Top left chat + menu entry */ { + display: none !important; + } +} + +.rq0escxv.l9j0dhe7.du4w35lb.j83agx80.cbu4d94t.pfnyh3mw.d2edcug0.hpfvmrgz.p8fzw8mz.pcp91wgn.iuny7tx3.ipjc6fyt /* Top bar call video info icons */, +.kuivcneq /* Right sidebar */ { + display: none !important; +} |