mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/pageactions.less
Stephen Niedzielski 0b043fbaa7 Fix: don't truncate the article title
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
2018-06-13 13:51:44 -05:00

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;
}
}
}