Skip to content

Commit

Permalink
feat(DiscussionTools): ✨ update DT styles
Browse files Browse the repository at this point in the history
  • Loading branch information
alistair3149 committed Jan 21, 2023
1 parent a7406d8 commit ca503c7
Show file tree
Hide file tree
Showing 6 changed files with 129 additions and 38 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ Name | Grade | Version | Last updated
[CodeEditor](https://www.mediawiki.org/wiki/Extension:CodeEditor) | A | REL1_39 `67c012c` | 2022-12-15
[CodeMirror](https://www.mediawiki.org/wiki/Extension:CodeMirror) | A | REL1_35 `a326407` | 2021-08-25
[CookieWarning](https://www.mediawiki.org/wiki/Extension:CookieWarning) | A | REL1_35 `3c2ae6a` | 2022-04-29
[DiscussionTools](https://www.mediawiki.org/wiki/Extension:DiscussionTools) | A | REL1_35 `7aa0a9b` | 2022-05-06
[DiscussionTools](https://www.mediawiki.org/wiki/Extension:DiscussionTools) | B | REL1_39 `1aae2cc` | 2023-01-21
[DismissableSiteNotice](https://www.mediawiki.org/wiki/Extension:DismissableSiteNotice) | A | N/A | N/A
[Echo](https://www.mediawiki.org/wiki/Extension:Echo) | A | REL1_35 `347c30e` | 2021-08-11
[Flow (StructuredDiscussions)](https://www.mediawiki.org/wiki/Extension:StructuredDiscussions) | B | REL1_35 `e3379f0` | 2022-04-27
Expand Down
3 changes: 2 additions & 1 deletion skin.json
Original file line number Diff line number Diff line change
Expand Up @@ -309,8 +309,9 @@
"+ext.CodeMirror.lib": "skinStyles/extensions/CodeMirror/ext.CodeMirror.lib.less",
"+ext.CodeMirror.mode.mediawiki": "skinStyles/extensions/CodeMirror/ext.CodeMirror.mode.mediawiki.less",
"+ext.CodeMirror.visualEditor.init": "skinStyles/extensions/CodeMirror/ext.CodeMirror.visualEditor.init.less",
"+ext.discussionTools.init": "skinStyles/extensions/DiscussionTools/ext.discussionTools.init.less",
"+ext.discussionTools.init.styles": "skinStyles/extensions/DiscussionTools/ext.discussionTools.init.styles.less",
"+ext.discussionTools.ReplyWidget": "skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidget.less",
"+ext.discussionTools.ReplyWidgetVisual": "skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidgetVisual.less",
"+ext.dismissableSiteNotice.styles": "skinStyles/extensions/DismissableSiteNotice/ext.dismissableSiteNotice.less",
"+ext.echo.ui.desktop": "skinStyles/extensions/Echo/ext.echo.ui.desktop.less",
"+ext.echo.ui": "skinStyles/extensions/Echo/ext.echo.ui.less",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,31 +3,34 @@
*
* SkinStyles for Extension:DiscussionTools
* Module: ext.discussionTools.ReplyWidget
* Version: REL1_35 7aa0a9b
* Version: REL1_39 1aae2cc
*
* Date: 2022-05-06
* Date: 2023-01-21
*/

@import '../../../resources/variables.less';
.ext-discussiontools-ui-replyWidget {
&-modeTabs {
.ext-discussiontools-ui-modeTab.oo-ui-optionWidget-highlighted:not( :hover ) {
border-radius: var( --border-radius--small );
box-shadow: inset 0 0 0 2px var( --color-primary );
color: var( --color-primary );
}

.ext-discussiontools-ui-modeTab.oo-ui-widget-disabled {
box-shadow: inset 0 0 0 2px var( --color-primary );
color: var( --color-primary );
}
}

.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;
&:before {
color: var( --color-base--subtle );
}
}
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
/*
* 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 );
}
}
}
}

This file was deleted.

Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
/*
* Citizen
*
* SkinStyles for Extension:DiscussionTools
* Module: ext.discussionTools.init.styles
* Version: REL1_39 1aae2cc
*
* Date: 2023-01-21
*/

.ext-discussiontools-init-replylink-buttons {
.ext-discussiontools-init-replylink {
&-bracket {
color: var( --color-base--subtle );
}

&-divider {
color: var( --border-color-base );
}
}

.ext-discussiontools-init-replylink-open & > .ext-discussiontools-init-replylink-reply {
color: var( --color-base--subtle );
}

&.ext-discussiontools-init-replylink-active > .ext-discussiontools-init-replylink-reply {
color: var( --color-base );
}
}

.ext-discussiontools-init-publishedcomment {
background-color: var( --background-color-success );
}

.ext-discussiontools-init-targetcomment {
background-color: var( --background-color-primary--hover );
}

.ext-discussiontools-init-section-subscribe {
&-bracket {
color: var( --color-base--subtle );
}

&-link&-link-pending {
color: var( --color-base--subtle );
}
}

.ext-discussiontools-init-pageframe-latestcomment {
color: var( --color-base--subtle );
}

.ext-discussiontools-visualenhancements_pageframe-enabled {
.ext-discussiontools-init-sidebar-meta {
color: var( --color-base--subtle );
}
}

.ext-discussiontools-visualenhancements-enabled {
.ext-discussiontools-init-section {
border-top-color: var( --border-color-base );

&-metaitem {
color: var( --color-base--subtle );

& + .ext-discussiontools-init-section-metaitem {
border-left-color: var( --border-color-base );
}
}
}

h2.ext-discussiontools-ui-newTopic-sectionTitle .oo-ui-inputWidget-input {
font-family: var( --font-family-base );
font-weight: var( --font-weight-semibold );
}
}

.ext-discussiontools-emptystate {
.mw-parser-output:not( .noarticletext ) & {
border-top-color: var( --border-color-base );
}
}

.ext-discussiontools-autotopicsubpopup {
&-title {
font-weight: var( --font-weight-semibold );
}
}

0 comments on commit ca503c7

Please sign in to comment.