diff --git a/common/common.scss b/common/common.scss index 5256c71..d652923 100644 --- a/common/common.scss +++ b/common/common.scss @@ -38,10 +38,3 @@ body textarea { border-radius: 0; box-shadow: none; } - -//No more image cropping -#reply-control .d-editor-preview img:not(.thumbnail):not(.emoji), -.cooked img:not(.thumbnail):not(.emoji) { - max-width: 100% !important; - height: auto; -} diff --git a/desktop/desktop.scss b/desktop/desktop.scss index f7465dd..af83172 100644 --- a/desktop/desktop.scss +++ b/desktop/desktop.scss @@ -1,3 +1,5 @@ +@import "common/foundation/variables"; + @mixin boxShadow { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12); } @@ -12,6 +14,19 @@ background-color 2s, transform 0.5s; } +// make header icons semi-translucent +.d-header-icons { + .d-icon { + color: rgba( + dark-light-choose( + scale-color($header_primary, $lightness: 50%), + $header_primary + ), + 0.7 + ); + } +} + //add shadow behind the list of topics on right in Category and Latest View //add shadow behind list of categories on left in Category and Latest View //add shadow behind topics in Latest view @@ -100,13 +115,14 @@ position: fixed; bottom: 30px; right: 50px; - z-index: 999; + z-index: z("composer", "content") - 1; background-color: $tertiary; color: $secondary; white-space: nowrap; overflow: hidden; .d-icon { margin: 0; + color: $secondary; } .d-button-label { display: inline-block; @@ -144,14 +160,15 @@ position: absolute; top: 50px; left: -18px; - z-index: 300; background-color: $tertiary; - color: $header-primary; @include buttonShadow; overflow: hidden; width: 60px; height: 60px; @include buttonTransition; + .d-icon { + color: $secondary; + } } //Increase size of reply icon