MediaWiki:Common.css/src/system/OOUI/dialogs/ProcessDialog.scss
< MediaWiki:Common.css | src
Jump to navigation
Jump to search
This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.
Ancestors: / src / system / OOUI / dialogs / ProcessDialog.scss
Siblings: MessageDialog.scss ProcessDialog.scss
Children: (none)
/********* OOUI: ProcessDialog *********/
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/ProcessDialog.less
* https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */
.oo-ui-processDialog {
&-content {
.oo-ui-window-head,
.oo-ui-window-foot {
outline-color: var(--ooui--dialog-border-color--lighter);
}
}
&-actions {
&-primary {
.oo-ui-actionWidget {
> .oo-ui-buttonElement-button {
border-left-color: var(--ooui--dialog-border-color--lighter);
}
&:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) {
> .oo-ui-buttonElement-button {
&:hover,
&:active {
border-left-color: var(--ooui--dialog-border-color--lighter);
}
&:focus {
border-color: var(--ooui--button-progressive-primary-border-color);
}
}
}
}
}
&-safe,
&-other {
.oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-right-color: var(--ooui--dialog-border-color--lighter);
}
}
&-safe {
.oo-ui-widget-enabled.oo-ui-iconElement:not( .oo-ui-labelElement ) {
> .oo-ui-buttonElement-button {
&:hover {
background: var(--ooui--button-background--hover);
border-right: var(--ooui--button-border-right--hover);
}
&:active {
background: var(--ooui--button-background);
border-top: var(--ooui--button-border-top--hover);
border-right: var(--ooui--button-border-right--hover);
border-bottom: var(--ooui--button-border-bottom--hover);
border-left: var(--ooui--button-border-left--hover);
}
&:focus {
border-top: var(--ooui--button-border-top--hover);
border-right: var(--ooui--button-border-right--hover);
border-bottom: var(--ooui--button-border-bottom--hover);
border-left: var(--ooui--button-border-left--hover);
}
}
}
}
}
}