refactor: ♻️ remove styles for Flow

Signed-off-by: WaitSpring <me@waitspring.com>
这个提交包含在:
WaitSpring 2023-11-19 10:43:13 +08:00
父节点 546369e18b
当前提交 ce333855fe
找不到此签名对应的密钥
共有 11 个文件被更改,包括 47 次插入524 次删除

查看文件

@ -252,13 +252,6 @@
"+ext.echo.styles.alert": "skinStyles/extensions/Echo/ext.echo.styles.alert.less",
"+ext.echo.special": "skinStyles/extensions/Echo/ext.echo.special.less",
"+ext.echo.styles.special": "skinStyles/extensions/Echo/ext.echo.styles.special.less",
"+ext.flow.mediawiki.ui.form": "skinStyles/extensions/Flow/ext.flow.mediawiki.ui.form.less",
"+ext.flow.styles.base": "skinStyles/extensions/Flow/ext.flow.styles.base.less",
"+ext.flow.board.styles": "skinStyles/extensions/Flow/ext.flow.board.styles.less",
"+ext.flow.board.topic.styles": "skinStyles/extensions/Flow/ext.flow.board.topic.styles.less",
"+ext.flow.ui": "skinStyles/extensions/Flow/ext.flow.ui.less",
"+ext.flow": "skinStyles/extensions/Flow/ext.flow.less",
"+ext.flow.visualEditor": "skinStyles/extensions/Flow/ext.flow.visualEditor.less",
"+ext.graph.styles": "skinStyles/extensions/Graph/ext.graph.styles.less",
"+ext.interwiki.specialpage": "skinStyles/extensions/Interwiki/ext.interwiki.specialpage.less",
"+ext.Lingo": "skinStyles/extensions/Lingo/ext.Lingo.less",

查看文件

@ -1,104 +0,0 @@
/*
* Citizen
*
* SkinStyles for Extension:StructuredDiscussions
* Module: ext.flow.board.styles
* Version: REL1_35 (e3379f0)
*
* Date: 2022-04-27
*/
/* styles/board/menu.less */
div > .flow-menu {
&.flow-menu-hoverable:hover,
&.focus {
.flow-menu-js-drop a {
.caret {
// border-top-color: #000;
}
}
}
ul {
border-color: var(--border-color-base);
background: var(--color-surface-1);
box-shadow: var(--box-shadow-dialog);
> section:not(:first-of-type) > li:first-of-type,
li.flow-menu-section:not(:first-of-type) {
border-top-color: var(--border-color-base);
}
}
.flow-menu-js-drop {
a {
color: var(--color-base--subtle);
}
}
}
/* styles/board/navigation.less */
.flow-board-navigation {
.flow-board-navigation-inner {
border-bottom-color: var(--border-color-base);
}
a {
&:link,
&:visited {
color: var(--color-base--subtle);
}
&:hover,
&:focus,
&.flow-board-navigator-link-highlight {
color: var(--color-base--emphasized);
}
}
&.flow-board-navigation-affixed {
background: var(--color-surface-1);
}
}
/* styles/board/moderated.less */
// Visually mark locked topics
.flow-topic-moderatestate-lock {
.flow-topic-titlebar {
background-color: var(--color-surface-2);
}
}
// Entire moderated post element
.flow-post-moderated .flow-author a,
.flow-moderated-post-content {
color: var(--color-base--subtle);
}
/* styles/board/timestamps.less */
a.flow-timestamp-anchor:hover {
color: var(--color-link--hover);
&:visited {
color: var(--color-link--hover);
}
&:active {
color: var(--color-link--active);
}
}
/* styles/board/replycount.less */
// Reply count (only visible in compact mode)
.flow-reply-count {
color: var(--color-base--subtle);
.flow-reply-count-number {
color: var(--color-base--subtle);
}
}
/* styles/board/terms-of-use.less */
.flow-terms-of-use {
color: var(--color-base--subtle);
}

查看文件

@ -1,112 +0,0 @@
/*
* Citizen
*
* SkinStyles for Extension:StructuredDiscussions
* Module: ext.flow.board.topic.styles
* Version: REL1_35 (e3379f0)
*
* Date: 2022-04-27
*/
/* styles/board/topic/titlebar.less */
// Show that the topic titlebar is clickable
.flow-topic-titlebar {
background-color: var(--color-surface-3);
}
.flow-moderated-topic-title {
color: var(--color-base--subtle);
}
/* styles/board/topic/meta.less */
// Topic metadata
.flow-topic-meta {
color: var(--color-base--subtle);
a.expand-collapse-posts-link:not(:hover) {
color: var(--color-base--subtle);
}
}
/* styles/board/topic/post.less */
.flow-post {
color: var(--color-base);
// Author link in post
.flow-author {
color: var(--color-base);
}
.mw-content-ltr & {
// Nested comments (replies & reply forms)
.flow-replies {
/* @noflip */
border-left-color: var(--border-color-base);
}
// Highlights a post (no IE6 support, but acceptable degradation)
&.flow-post-highlighted {
> .flow-post-main {
/* @noflip */
border-left-color: var(--color-success);
}
}
// Highlights all posts newer than a specific post
&.flow-post-highlight-newer {
.flow-post-content {
/* @noflip */
border-left-color: var(--color-primary);
}
}
}
.mw-content-rtl & {
// Nested comments (replies & reply forms)
.flow-replies {
/* @noflip */
border-right-color: var(--border-color-base);
}
// Highlights a post (no IE6 support, but acceptable degradation)
&.flow-post-highlighted {
> .flow-post-main {
/* @noflip */
border-right-color: var(--color-success);
}
}
// Highlights all posts newer than a specific post
&.flow-post-highlight-newer {
.flow-post-content {
/* @noflip */
border-right-color: var(--color-primary);
}
}
}
}
// Comment metadata
.flow-post-meta {
color: var(--color-base--subtle);
}
.flow-post-meta-actions {
a {
&::after {
color: var(--color-base--subtle);
}
}
}
/* styles/board/topic/summary.less */
.flow-topic-summary-container {
.flow-topic-summary,
.flow-ui-editTopicSummaryWidget {
border-top-color: var(--border-color-base);
.flow-topic-summary-author {
color: var(--color-base--subtle);
}
}
}

查看文件

@ -1,95 +0,0 @@
/*
* Citizen
*
* SkinStyles for Extension:StructuredDiscussions
* Module: ext.flow
* Version: REL1_35 (e3379f0)
*
* Date: 2022-04-27
*/
/* styles/mediawiki.ui/modal.less */
.flow-ui-modal {
background: var(--background-color-overlay);
}
.flow-ui-modal-layout {
background: var(--color-surface-1);
box-shadow: var(--box-shadow-dialog);
color: var(--color-base);
}
.flow-ui-modal-heading {
border-bottom-color: var(--border-color-base);
color: var(--color-base);
}
.flow-ui-modal-heading-prev {
border-right-color: var(--border-color-base);
color: var(--color-base--subtle);
}
.flow-ui-modal-heading-next {
border-left-color: var(--border-color-base);
color: var(--color-base--subtle);
}
/* styles/mediawiki.ui/tooltips.less */
.flow-ui-tooltip {
background-color: var(--color-surface-1);
box-shadow: var(--box-shadow-dialog);
color: var(--color-base);
.flow-ui-tooltip-triangle {
&::after {
position: absolute;
z-index: 1;
width: 1em;
height: 1em;
background: var(--color-surface-1);
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
// triangle on top
&.flow-ui-tooltip-up {
.flow-ui-tooltip-triangle {
&::after {
/* @noflip */
box-shadow: 0 0 1px 0 var(--border-color-base);
}
}
}
// triangle on bottom
&.flow-ui-tooltip-down {
.flow-ui-tooltip-triangle {
&::after {
/* @noflip */
box-shadow: 0 -1.5px 0 1.5px var(--border-color-base), 0 0 1px 0 var(--border-color-base);
}
}
}
// triangle at left
&.flow-ui-tooltip-left {
.flow-ui-tooltip-triangle {
&::after {
/* @noflip */
box-shadow: 1.5px 0 0 1.5px var(--border-color-base), 0 0 1px 0 var(--border-color-base);
}
}
}
// triangle at right
&.flow-ui-tooltip-right {
.flow-ui-tooltip-triangle {
&::after {
/* @noflip */
box-shadow: 0 1.5px 0 1.5px var(--border-color-base), 0 0 1px 0 var(--border-color-base);
}
}
}
}

查看文件

@ -1,13 +0,0 @@
/*
* Citizen
*
* SkinStyles for Extension:StructuredDiscussions
* Module: ext.flow.mediawiki.ui.form
* Version: REL1_35 (e3379f0)
*
* Date: 2022-04-27
*/
.flow-ui-input-replacement-anchor.mw-ui-input {
color: var(--color-base--subtle);
}

查看文件

@ -1,48 +0,0 @@
/*
* Citizen
*
* SkinStyles for Extension:StructuredDiscussions
* Module: ext.flow.styles.base
* Version: REL1_35 (e3379f0)
*
* Date: 2022-04-27
*/
/* styles/common.less */
.flow-component {
.flow-list {
li:hover {
background: var(--color-surface-3);
}
a:focus {
background-color: var(--color-surface-3);
}
}
}
/* Revision view */
.flow-revision-content {
background-color: var(--color-surface-3);
color: var(--color-base--subtle);
}
/* "No more" link */
.flow-no-more,
.flow-undo {
color: var(--color-base--subtle);
}
@media all and (min-width: 1165px) {
.flow-component.flow-board-page {
.flow-board-header {
background-color: var(--color-surface-3);
}
}
.flow-component.flow-board-page.flow-full-height-side-rail {
.flow-board-header::before {
background-color: var(--color-surface-3);
}
}
}

查看文件

@ -1,83 +0,0 @@
/*
* Citizen
*
* SkinStyles for Extension:StructuredDiscussions
* Module: ext.flow.ui
* Version: REL1_35 (e3379f0)
*
* Date: 2022-04-27
*/
/* styles/flow/widgets/mw.flow.ui.NavigationWidget.less */
.flow-ui-navigationWidget {
border-bottom-color: var(--border-color-base);
&-affixed {
background: var(--color-surface-1);
}
}
/* styles/flow/widgets/mw.flow.ui.TopicMenuSelectWidget.less */
.flow-ui-topicMenuSelectWidget {
&-locked,
&-locked:hover {
color: var(--color-base--subtle);
}
// Override border-color and margin-top from OOUI MenuSelectWidget
border-color: var(--bordder-color-base);
&::-webkit-scrollbar-thumb {
border-color: var(--color-surface-1);
}
&::-webkit-scrollbar-track {
background-color: var(--color-surface-1);
}
}
/* styles/flow/widgets/editor/mw.flow.ui.AnonWarningWidget.less */
.flow-ui-anonWarningWidget {
&-active {
background: var(--color-primary);
}
}
/* styles/flow/widgets/editor/mw.flow.ui.CanNotEditWidget.less */
.flow-ui-canNotEditWidget {
&-active {
background: var(--background-color-warning);
color: var(--color-base);
a {
color: var(--color-base--emphasized);
}
}
}
/* styles/flow/widgets/editor/mw.flow.ui.EditorControlsWidget.less */
.flow-ui-editorControlsWidget {
&-termsLabel {
color: var(--color-base--subtle);
}
}
/* styles/flow/widgets/editor/mw.flow.ui.EditorWidget.less */
.flow-ui-editorWidget {
> .flow-ui-editorWidget-editor {
&:not(.oo-ui-pendingElement-pending) {
background-color: var(--color-surface-1);
}
}
&-wikitextHelpLabel {
color: var(--color-base--subtle);
}
}
/* styles/flow/widgets/mw.flow.ui.TopicTitleWidget.less */
.flow-ui-topicTitleWidget {
&-termsLabel {
color: var(--color-base--subtle);
}
}

查看文件

@ -1,15 +0,0 @@
/*
* Citizen
*
* SkinStyles for Extension:StructuredDiscussions
* Module: ext.flow.visualEditor
* Version: REL1_35 (e3379f0)
*
* Date: 2022-04-27
*/
.flow-component {
.ve-init-target {
border-color: var(--border-color-base);
}
}

查看文件

@ -1,4 +1,4 @@
{{!
{{!
string msg-citizen-drawer-toggle The label used by the drawer button.
}}
<div class="citizen-drawer__button citizen-header__button">

查看文件

@ -1,31 +1,31 @@
{{!
@typedef object footerItem
@prop string id of list item element
@prop string html of list item
@prop footerItem[] items
@typedef object footerRow
@prop string className of list element
@prop string id of list element
@prop footerItem[] array-items
footerRow[] array-footer-rows iterable list of footer rows
footerRow[] array-footer-icons iterable list of footer icons
string msg-sitetitle
}}
<footer class="mw-footer citizen-footer" {{{html-user-language-attributes}}}>
<div class="citizen-footer__container">
<section class="citizen-footer__content">
<div class="citizen-footer__siteinfo">
{{#data-footer}}
{{#data-info}}{{>Footer__item}}{{/data-info}}
{{/data-footer}}
</div>
</section>
<section class="citizen-footer__bottom">
{{#data-places}}{{>Footer__row}}{{/data-places}}
{{#data-icons}}{{>Footer__row}}{{/data-icons}}
</section>
</div>
{{!
@typedef object footerItem
@prop string id of list item element
@prop string html of list item
@prop footerItem[] items
@typedef object footerRow
@prop string className of list element
@prop string id of list element
@prop footerItem[] array-items
footerRow[] array-footer-rows iterable list of footer rows
footerRow[] array-footer-icons iterable list of footer icons
string msg-sitetitle
}}
<footer class="mw-footer citizen-footer" {{{html-user-language-attributes}}}>
<div class="citizen-footer__container">
<section class="citizen-footer__content">
<div class="citizen-footer__siteinfo">
{{#data-footer}}
{{#data-info}}{{>Footer__item}}{{/data-info}}
{{/data-footer}}
</div>
</section>
<section class="citizen-footer__bottom">
{{#data-places}}{{>Footer__row}}{{/data-places}}
{{#data-icons}}{{>Footer__row}}{{/data-icons}}
</section>
</div>
</footer>

查看文件

@ -1,16 +1,16 @@
{{!
string link-mainpage link to the main page
string msg-citizen-drawer-toggle The label used by the drawer button
}}
<header class="mw-header citizen-header">
{{>Header__logo}}
{{#data-search-box}}{{>Search}}{{/data-search-box}}
{{>Drawer}}
<div class="citizen-header__inner">
<div class="citizen-header__start"></div>
<div class="citizen-header__end">
{{#data-portlets.data-notifications}}{{>Menu}}{{/data-portlets.data-notifications}}
{{>UserMenu}}
</div>
</div>
</header>
{{!
string link-mainpage link to the main page
string msg-citizen-drawer-toggle The label used by the drawer button
}}
<header class="mw-header citizen-header">
{{>Header__logo}}
{{#data-search-box}}{{>Search}}{{/data-search-box}}
{{>Drawer}}
<div class="citizen-header__inner">
<div class="citizen-header__start"></div>
<div class="citizen-header__end">
{{#data-portlets.data-notifications}}{{>Menu}}{{/data-portlets.data-notifications}}
{{>UserMenu}}
</div>
</div>
</header>