mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-12-01 02:46:46 +00:00
3937857bd8
This makes the actions more consistent, and also allows for separating
the two behaviors: The one where we need a link to a destination
(User page, diff, etc) and one where we have an action the code needs
to take care of ("Mark as read" or, in the future, volume control, etc)
Also, this allows for adding descriptions to the secondary links in
the dotdotdot menu.
It also fixes the bug where the links did not work.
Bug: T125160
Change-Id: I0ebf3fc62425f86e2e7f1e96b67f8dc34db83efb
43 lines
872 B
Plaintext
43 lines
872 B
Plaintext
@import '../../echo.variables';
|
|
@import '../../echo.mixins';
|
|
|
|
.mw-echo-ui-menuItemWidget {
|
|
.mw-echo-ui-mixin-hover-opacity;
|
|
|
|
&-icon {
|
|
display: inline-block;
|
|
// We have to override oojs-ui's width/height, which uses
|
|
// a very specific selector
|
|
width: 1.5em !important;
|
|
height: 1.5em !important;
|
|
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
&-content {
|
|
display: inline-block;
|
|
margin-left: 1.5em + 0.5em; // Icon width + 0.5em spacing
|
|
|
|
// We have to override oojs-ui's color, which uses
|
|
// a very specific selector
|
|
font-weight: normal !important;
|
|
color: #000 !important;
|
|
// Set max-width so buttons are truncated
|
|
max-width: 15em;
|
|
|
|
&-description {
|
|
color: #666666 !important;
|
|
}
|
|
}
|
|
|
|
// Correct for when inside the menu
|
|
.mw-echo-ui-notificationItemWidget-content-actions-menu & {
|
|
display: block;
|
|
}
|
|
|
|
&-prioritized {
|
|
display: inline-block;
|
|
}
|
|
}
|