mediawiki-skins-MinervaNeue/skinStyles/mobile.startup/Overlay.less
Jon Robson 83c0105418 Fixes issues with links flagged by Pixel
Bug: T375832
Follow up to
    I6e9e29fd5b140ae8eb4e6b011d558ea778c92028
Change-Id: I3f52f88b2b08f502eb584af48dcde0c5a8eb6674

Change-Id: Ib6a5de1397f2df8dab68deb97f079b316d4701b3
2024-09-28 01:24:10 +00:00

76 lines
1.5 KiB
Plaintext

@import '../../minerva.less/minerva.variables.less';
@import '../../minerva.less/minerva.mixins.less';
.overlay {
// Needed for MultimediaViewer.
button {
background: none;
border: 0;
}
textarea {
.editor-textarea();
}
.license {
.secondary-text();
a {
.cdx-mixin-link-base();
}
}
}
.overlay-header-container {
// Overrides padding added by .header-container
padding: 0;
}
.overlay-header {
height: @height-overlay-header;
.header-chrome & {
height: @height-site-header;
}
.mw-ui-anchor {
height: @height-overlay-header;
.header-chrome & {
height: @height-site-header;
}
}
.cdx-button {
height: @height-overlay-header;
}
.overlay-title {
padding: @padding-vertical-header 0;
&:last-child {
// Reserve space to the right in case the search form in the header or
// overlay title in the overlay header is the last element. Use @width-icon-gutter
// because there is a hamburger or close/back icon next to this element and
// the space between them is exactly that.
padding-right: @width-icon-gutter;
}
}
}
.overlay-header-container + .overlay-content {
padding-top: @height-overlay-header;
.header-chrome& {
padding-top: @height-site-header;
}
}
@media all and ( min-width: @min-width-breakpoint-desktop ) {
.overlay-header {
// Make sure the close button and secondary button icon images are aligned
// with the content.
max-width: calc( @max-width-content-tablet + ( 2 * @width-icon-gutter ) );
}
}