MediaWiki:Common.css/src/extension/Echo.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 / extension / Echo.scss
Siblings: AbuseFilter.scss Cargo.scss CategoryTree.scss Cite.scss CiteThisPage.scss CodeEditor.scss DebugTemplates.scss Echo.scss EmbedVideo.scss InputBox.scss Interwiki.scss Math.scss MultimediaViewer.scss ReplaceText.scss Scribunto.scss SimpleMathJax.scss SyntaxHighlight.scss TabberNeue.scss TemplateData.scss ThemeToggle.scss WikiEditor.scss
Children: (none)
/********* Extension:Echo *********/
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/REL1_39/modules/nojs/mw.echo.badge.vector.less */
#pt-notifications-notice .mw-echo-notifications-badge,
#pt-notifications-alert .mw-echo-notifications-badge {
top: -1px; /* offset fix */
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.ConfirmationPopupWidget.less */
.mw-echo-ui-confirmationPopupWidget {
&-popup {
// background-color: @background-color-popup-confirmation;
// color: @color-inverted;
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.CrossWikiNotificationItemWidget.less */
.mw-echo-ui-crossWikiNotificationItemWidget,
.mw-echo-ui-bundleNotificationItemWidget {
&-group {
background-color: var(--ooui--textarea-readonly-background-color);
}
.mw-echo-ui-subGroupListWidget-header {
&-row-title {
color: var(--theme-text-color-note);
}
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.CrossWikiUnreadFilterWidget.less */
.mw-echo-ui-crossWikiUnreadFilterWidget {
border-color: var(--ooui--messagewidget-notice-border-color);
&-subtitle {
color: var(--theme-text-color-note);
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.DatedSubGroupListWidget.less */
.mw-echo-ui-datedSubGroupListWidget {
.mw-body-content &-title {
&-secondary {
color: var(--theme-text-color-note);
}
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.FooterNoticeWidget.less */
.mw-echo-ui-footerNoticeWidget {
// border-bottom: @border-width-base @border-style-base @border-color-subtle;
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.MenuItemWidget.less */
.mw-echo-ui-menuItemWidget {
> .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
color: var(--theme-text-color);
}
&-dynamic-action {
.mw-echo-ui-menuItemWidget-description {
// color: @color-subtle;
}
}
.mw-echo-ui-actionMenuPopupWidget-menu:hover {
// background-color: #eaecf0;
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationBadgeWidget.less */
.mw-echo-ui-notificationBadgeButtonPopupWidget {
&-popup {
> .oo-ui-popupWidget-popup {
> .oo-ui-popupWidget-head {
border-bottom-color: var(--ooui--popup-border-color);
}
> .oo-ui-popupWidget-body {
> .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget {
&:focus {
box-shadow: var(--ooui--button-progressive-box-shadow--focus);
border-color: var(--ooui--popup-border-color);
}
}
}
> .oo-ui-popupWidget-footer {
border-top-color: var(--ooui--popup-border-color);
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons {
.oo-ui-buttonElement {
&:last-child {
border-left-color: var(--ooui--popup-border-color);
}
> .oo-ui-buttonElement-button {
&:focus {
box-shadow: unset;
}
}
}
}
}
}
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationItemWidget.less */
.mw-echo-ui-notificationItemWidget {
background-color: var(--ooui--messagewidget-notice-background-color);
border-color: var(--ooui--menuselect-border-color);
&:hover {
background-color: var(--ooui--messagewidget-notice-background-color);
}
&:focus {
background-color: var(--ooui--menuselect-selected-background-color);
box-shadow: var(--ooui--button-progressive-box-shadow--focus);
outline: 0;
}
&:last-child {
border-bottom-color: var(--ooui--menuselect-border-color);
}
&-unread {
background-color: var(--ooui--menuselect-selected-background-color);
&:hover {
background-color: var(--ooui--menuselect-highlighted-background-color);
}
}
&-content {
&-message {
&-header {
color: var(--theme-text-color-em);
}
&-body {
color: var(--theme-text-color);
}
}
&-actions {
&-timestamp {
color: var(--theme-text-color-em);
}
}
}
&-bundled {
.mw-echo-ui-notificationItemWidget-content {
.mw-echo-ui-notificationItemWidget {
&-content-message {
&-header {
em {
// color: @notification-body-color;
}
}
}
}
}
}
}
@keyframes unseen-fadeout-to-unread {
from {
background-color: var(--oouihelper--progressive-transparent); // unseen
}
to {
background-color: var(--ooui--menuselect-selected-background-color); // unread
}
}
@keyframes unseen-fadeout-to-read {
from {
background-color: var(--oouihelper--progressive-transparent); // unseen
}
to {
background-color: var(--ooui--messagewidget-notice-background-color); // read
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationsInboxWidget.less */
.mw-echo-ui-notificationsInboxWidget {
&-toolbarWrapper {
background-color: var(--ooui--messagewidget-notice-background-color);
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.PageNotificationsOptionWidget.less */
.mw-echo-ui-pageNotificationsOptionWidget {
&.oo-ui-optionWidget {
&-highlighted {
background-color: var(--ooui--outlineoption-highlighted-background-color);
color: var(--theme-text-color);
}
// "&-highlighted&-selected" is not supported by SASS
&-highlighted.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--ooui--outlineoption-highlighted-background-color);
color: var(--theme-link-color);
}
&-selected {
background-color: var(--ooui--outlineoption-selected-background-color);
color: var(--theme-link-color);
}
// "&-pressed&-highlighted" is not supported by SASS
&-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--ooui--outlineoption-pressed-background-color);
color: var(--theme-link-color);
}
}
&-label-count {
background-color: var(--ooui--messagewidget-notice-background-color);
color: var(--theme-text-color-note);
.oo-ui-optionWidget-selected & {
background-color: transparent;
color: var(--theme-link-color);
}
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.PlaceholderItemWidget.less */
.mw-echo-ui-placeholderItemWidget {
background-color: var(--ooui--messagewidget-notice-background-color);
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less */
.mw-echo-ui-toggleReadCircleButtonWidget {
&-circle {
// Mark as read
background-color: var(--oouihelper--progressive);
// Mark as unread
&-unread {
/* keep the default (white) */
background-color: #eaecf0;
}
}
&:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
// Mark as read
background-color: var(--oouihelper--progressive-lighter);
// Mark as unread
&-unread {
/* keep the default (gray) */
background-color: #c8ccd1;
}
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/nojs/mw.echo.notifications.less */
/* for the Special:Notifications page in no-JavaScript mode */
.mw-echo-state {
.mw-echo-notification {
color: var(--theme-text-color);
}
.mw-echo-notifications {
background-color: transparent;
}
.mw-echo-content {
.mw-echo-title {
color: var(--theme-text-color-em);
}
.mw-echo-payload {
color: var(--theme-text-color);
}
.mw-echo-notification-footer {
color: var(--theme-text-color-note);
}
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/nojs/mw.echo.special.less */
.mw-echo-date-section {
border-bottom-color: var(--oouihelper--borderdark);
color: var(--theme-text-color-note);
}
.mw-echo-special-navbar-bottom {
border-top-color: var(--oouihelper--borderdark);
}
.mw-echo-special-notifications {
.mw-echo-notification {
background-color: transparent;
&:hover {
background-color: var(--ooui--menuselect-highlighted-background-color);
}
&-unread {
background-color: var(--ooui--menuselect-selected-background-color);
}
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/mobile/notificationsFilterOverlay.less */
.notifications-filter-overlay {
.overlay-content {
.mw-echo-ui-pageNotificationsOptionWidget {
// border: @border-width-base @border-style-base @border-color-subtle;
}
.mw-echo-ui-crossWikiUnreadFilterWidget {
border-color: var(--ooui--messagewidget-notice-border-color);
&-subtitle {
// color: @color-emphasized;
}
}
}
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/mobile/overlay.less */
.notifications-overlay {
&-overlay {
.mw-echo-ui-actionMenuPopupWidget-menu {
// border-color: @border-color-subtle;
}
}
}