diff --git a/app/javascript/flavours/glitch/features/compose/components/dropdown_menu.jsx b/app/javascript/flavours/glitch/features/compose/components/dropdown_menu.jsx index 33f28e46f..e5f24b51f 100644 --- a/app/javascript/flavours/glitch/features/compose/components/dropdown_menu.jsx +++ b/app/javascript/flavours/glitch/features/compose/components/dropdown_menu.jsx @@ -156,7 +156,11 @@ export default class ComposerOptionsDropdownContent extends PureComponent { if (!contents) { contents = ( <> - {icon && } + {icon && ( +
+ +
+ )}
{text} diff --git a/app/javascript/flavours/glitch/features/compose/components/options.jsx b/app/javascript/flavours/glitch/features/compose/components/options.jsx index 314b6e638..546096036 100644 --- a/app/javascript/flavours/glitch/features/compose/components/options.jsx +++ b/app/javascript/flavours/glitch/features/compose/components/options.jsx @@ -110,7 +110,9 @@ class ToggleOptionImpl extends ImmutablePureComponent { return ( <> - +
+ +
{text} diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index 029c87c81..b425fea1d 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -698,6 +698,22 @@ body > [data-popper-placement] { .icon-button { height: 100%; } + + .compose-form__upload-button-icon { + line-height: 27px; + } + + .compose-form__sensitive-button { + display: none; + + &.compose-form__sensitive-button--visible { + display: block; + } + + .compose-form__sensitive-button__icon { + line-height: 27px; + } + } } .icon-button, @@ -1057,8 +1073,9 @@ body > [data-popper-placement] { } &.light { - .status__relative-time { - color: $lighter-text-color; + .status__relative-time, + .status__visibility-icon { + color: $light-text-color; } .status__display-name { @@ -4142,19 +4159,18 @@ a.status-card.compact:hover { background: $base-overlay-background; color: $darker-text-color; border: 0; + padding: 0; width: 100%; height: 100%; + border-radius: 4px; + appearance: none; &:hover, &:active, &:focus { + padding: 0; color: lighten($darker-text-color, 8%); } - - .status__content > & { - margin-top: 15px; // Add margin when used bare for NSFW video player - } - @include fullwidth-gallery; } .media-spoiler__warning { @@ -4165,7 +4181,7 @@ a.status-card.compact:hover { .media-spoiler__trigger { display: block; font-size: 11px; - font-weight: 500; + font-weight: 700; } .spoiler-button { @@ -4829,10 +4845,6 @@ a.status-card.compact:hover { flex: 1 1 auto; color: $lighter-text-color; - &:not(:first-child) { - margin-inline-start: 10px; - } - strong { font-weight: 500; display: block; @@ -4864,11 +4876,6 @@ a.status-card.compact:hover { min-width: 75%; } -.account__header__wrapper { - flex: 0 0 auto; - background: lighten($ui-base-color, 4%); -} - .account__disclaimer { display: flex; padding: 10px; @@ -5729,9 +5736,9 @@ a.status-card.compact:hover { display: flex; } -.video-modal__container { +.video-modal .video-player { + max-height: 80vh; max-width: 100vw; - max-height: 100vh; } .audio-modal__container {