diff --git a/minerva.less/minerva.mixins.less b/minerva.less/minerva.mixins.less index a7a76ed..b7c29d9 100644 --- a/minerva.less/minerva.mixins.less +++ b/minerva.less/minerva.mixins.less @@ -9,3 +9,10 @@ margin-top: 0.5em; line-height: 1.4; } + +.truncated-text() { + white-space: nowrap; + overflow: hidden; + -webkit-text-overflow: ellipsis; + text-overflow: ellipsis; +} diff --git a/resources/skins.minerva.base.styles/common.less b/resources/skins.minerva.base.styles/common.less index 3ef7932..e766ac1 100644 --- a/resources/skins.minerva.base.styles/common.less +++ b/resources/skins.minerva.base.styles/common.less @@ -2,32 +2,6 @@ @import '../../minerva.less/minerva.variables'; @import '../../minerva.less/minerva.mixins'; -// Reusable components -// -// Styleguide 6. - -// Cloaked element -// -// Use this for elements that are clickable but not visible -// Examples: A file input who's parent is styled with an icon -// A shield that covers the entire screen and is made more opaque -// under a different circumstance -// -// Markup: -//
-// -//
-// -// Styleguide 6.1. -.cloaked-element { - opacity: 0; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} - .view-border-box *, .view-border-box { .box-sizing( border-box ); @@ -61,18 +35,6 @@ textarea { display: inherit; } -/* stylelint-enable no-descending-specificity */ -.position-fixed { - // use !important to override more specific rules (e.g. in Overlay.less) - position: fixed !important; -} - -.touch-events { - :focus { - outline: 0; - } -} - // currently used to hide talk button .hidden { display: none !important; diff --git a/resources/skins.minerva.base.styles/ui.less b/resources/skins.minerva.base.styles/ui.less index c10c9c8..a38bce5 100644 --- a/resources/skins.minerva.base.styles/ui.less +++ b/resources/skins.minerva.base.styles/ui.less @@ -238,13 +238,6 @@ input.search { } } -.truncated-text { - white-space: nowrap; - overflow: hidden; - -webkit-text-overflow: ellipsis; - text-overflow: ellipsis; -} - // This is here rather than in mainmenu.less because we want to load these rules for non-js users too // Transparent shield hidden by default .transparent-shield, diff --git a/resources/skins.minerva.scripts/styles.less b/resources/skins.minerva.scripts/styles.less index 656ae37..8ee3781 100644 --- a/resources/skins.minerva.scripts/styles.less +++ b/resources/skins.minerva.scripts/styles.less @@ -1,4 +1,5 @@ @import '../../minerva.less/minerva.variables'; +@import '../../minerva.less/minerva.mixins'; @import 'mediawiki.mixins.animation'; @animationDuration: 0.3s; @@ -15,6 +16,11 @@ } } +// Used by last modified and Main Menu items +.truncated-text { + .truncated-text(); +} + @-webkit-keyframes fadeInImage { from { opacity: 0; diff --git a/skin.json b/skin.json index 4b5bdf6..575dcf0 100644 --- a/skin.json +++ b/skin.json @@ -108,6 +108,7 @@ "skinStyles/mobile.languages.structured/LanguageOverlay.less" ], "mobile.startup": [ + "skinStyles/mobile.startup/skin.less", "skinStyles/mobile.startup/toast.less", "skinStyles/mobile.startup/Overlay.less" ], diff --git a/skinStyles/mobile.special.styles/minerva.less b/skinStyles/mobile.special.styles/minerva.less index 019ec4e..6dfeb59 100644 --- a/skinStyles/mobile.special.styles/minerva.less +++ b/skinStyles/mobile.special.styles/minerva.less @@ -1,4 +1,5 @@ @import '../../minerva.less/minerva.variables'; +@import '../../minerva.less/minerva.mixins'; // FIXME [mediawiki ui] These rules should not be needed in the mobile context .mw-ui-button-group { @@ -48,6 +49,7 @@ // Used by MobileSpecialPageFeed.php in MobileFrontend .truncated-text { + .truncated-text(); // FIXME: this works only in WebKit &.multi-line { diff --git a/skinStyles/mobile.startup/skin.less b/skinStyles/mobile.startup/skin.less new file mode 100644 index 0000000..86abc35 --- /dev/null +++ b/skinStyles/mobile.startup/skin.less @@ -0,0 +1,17 @@ +.cloaked-element { + opacity: 0; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.position-fixed { + // use !important to override more specific rules (e.g. in Overlay.less) + position: fixed !important; +} +.touch-events { + :focus { + outline: 0; + } +}