0b043fbaa7
Header overflow was truncated in MobileFrontend commit 1655d5233 which added the language switcher button that appears below the title. This no longer appears to be required even for articles with lengthy titles. Perhaps because the language switcher button exceeds the page content margin, it was thought to be necessary. Bug: T194544 Change-Id: I4e25e7b03df65803cd553b412881eb565ded9b10
109 lines
1.8 KiB
Plaintext
109 lines
1.8 KiB
Plaintext
@import '../../minerva.less/minerva.variables';
|
|
@import '../../minerva.less/minerva.mixins';
|
|
|
|
.heading-holder {
|
|
@pageActionsHeight: @pageActionFontSize + (2 * @iconGutterWidth);
|
|
padding: @titleSectionSpacingTop 0 (@pageActionsHeight + 0.5em);
|
|
position: relative;
|
|
|
|
.tagline {
|
|
color: @colorGray5;
|
|
font-size: 0.85em;
|
|
margin: 2px 0 0;
|
|
|
|
&:first-letter {
|
|
text-transform: capitalize;
|
|
}
|
|
}
|
|
}
|
|
|
|
#section_0 {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
#page-actions {
|
|
font-size: @pageActionFontSize;
|
|
float: none;
|
|
border: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
border-top: 1px solid @colorGray14;
|
|
border-bottom: 1px solid @colorGray12;
|
|
|
|
padding: 0.5em 0;
|
|
|
|
li {
|
|
display: inline-block;
|
|
// Needed for non-JavaScript users
|
|
position: relative;
|
|
cursor: pointer;
|
|
// Override .hlist rule.
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
float: right;
|
|
|
|
// FIXME: use .cloaked class
|
|
// file inputs are notoriously difficult to style
|
|
input {
|
|
opacity: 0;
|
|
}
|
|
|
|
input,
|
|
a,
|
|
span,
|
|
button {
|
|
// Needed for non-JavaScript users
|
|
position: absolute;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
// needed for ContentOverlay pointer arrow
|
|
margin: 0 0 8px;
|
|
}
|
|
|
|
button {
|
|
text-indent: inherit;
|
|
outline: 0;
|
|
}
|
|
a,
|
|
button {
|
|
cursor: pointer;
|
|
}
|
|
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
.language-selector {
|
|
float: left;
|
|
margin-left: -@iconGutterWidth;
|
|
|
|
&.disabled {
|
|
cursor: default;
|
|
opacity: 0.25;
|
|
}
|
|
}
|
|
|
|
#ca-edit {
|
|
margin-right: -@iconGutterWidth;
|
|
}
|
|
}
|
|
|
|
// On small devices that don't support Javascript, hide the page actions bar
|
|
@media all and ( max-width: @width-breakpoint-mobile - 1 ) {
|
|
.client-nojs {
|
|
#page-actions {
|
|
display: none;
|
|
}
|
|
|
|
#section_0 {
|
|
border: 0;
|
|
}
|
|
}
|
|
}
|