diff --git a/skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidget.less b/skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidget.less index 9b3dd8d3..8d099c3c 100644 --- a/skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidget.less +++ b/skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidget.less @@ -1,37 +1,3 @@ -/* - * Citizen - * - * SkinStyles for Extension:DiscussionTools - * Module: ext.discussionTools.ReplyWidget - * Version: REL1_35 7aa0a9b - * - * Date: 2022-05-06 -*/ - -@import '../../../resources/variables.less'; - -.dt-ui-replyWidget { - &-footer { - color: var( --color-base--subtle ); - } - - &-preview { - border-radius: 0 0 var( --border-radius--medium ) var( --border-radius--medium ); - background: var( --color-surface-2 ); - } -} - -@media only screen and ( max-width: @width-breakpoint-tablet ) { - .dt-ui-replyWidget { - // HACK: Make the toolbar two line on mobile - // So that they are not overlapping - .ve-ui-targetToolbar > .oo-ui-toolbar-bar { - padding-top: 42px; - text-align: left; - } - } -} - /* * Citizen * @@ -42,7 +8,22 @@ * Date: 2023-01-21 */ +@import '../../../resources/variables.less'; + .ext-discussiontools-ui-replyWidget { + &-footer { + color: var( --color-base--subtle ); + } + + &-preview { + border-radius: 0 0 var( --border-radius--medium ) var( --border-radius--medium ); + background: var( --color-surface-2 ); + + &::before { + color: var( --color-base--subtle ); + } + } + &-modeTabs { .ext-discussiontools-ui-modeTab.oo-ui-optionWidget-highlighted:not( :hover ) { color: var( --color-primary ); @@ -55,16 +36,15 @@ box-shadow: inset 0 0 0 2px var( --color-primary ); } } +} - &-footer { - color: var( --color-base--subtle ); - } - - &-preview { - background: var( --color-surface-2 ); - - &::before { - color: var( --color-base--subtle ); +@media only screen and ( max-width: @width-breakpoint-tablet ) { + .ext-discussiontools-ui-replyWidget { + // HACK: Make the toolbar two line on mobile + // So that they are not overlapping + .ve-ui-targetToolbar > .oo-ui-toolbar-bar { + padding-top: 42px; + text-align: left; } } -} \ No newline at end of file +} diff --git a/skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidgetVisual.less b/skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidgetVisual.less index 39c8c345..4f5eb4fa 100644 --- a/skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidgetVisual.less +++ b/skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidgetVisual.less @@ -1,21 +1,21 @@ /* - * Citizen - * - * SkinStyles for Extension:DiscussionTools - * Module: ext.discussionTools.ReplyWidgetVisual - * Version: REL1_39 1aae2cc - * + * Citizen + * + * SkinStyles for Extension:DiscussionTools + * Module: ext.discussionTools.ReplyWidgetVisual + * Version: REL1_39 1aae2cc + * * Date: 2023-01-21 -*/ - -.ext-discussiontools-ui-targetWidget { - > .ve-init-target > .ve-ui-surface { - .ve-ui-completionWidget-header > .oo-ui-labelElement-label { - color: var( --color-base ); - - > span { - color: var( --color-base--subtle ); - } - } - } -} \ No newline at end of file +*/ + +.ext-discussiontools-ui-targetWidget { + > .ve-init-target > .ve-ui-surface { + .ve-ui-completionWidget-header > .oo-ui-labelElement-label { + color: var( --color-base ); + + > span { + color: var( --color-base--subtle ); + } + } + } +}