a19e8c0dba
jquery.uls.compact module is kept for now as some other extensions depend on it. But it does not do anything anymore. There are some styles which should be in jquery.uls upstream, but given the current state that is easiest done in a follow-up later. The main change is that language selection is now compact by default: no heading etc. Includes style changes for the dialogs, and especially for the new position of the callout caret. Bug: T85519 Change-Id: Iade8005439b4f58ab241752f69a5365d8bb88d2c
112 lines
2.0 KiB
CSS
112 lines
2.0 KiB
CSS
/* Overrides to follow MediaWiki style */
|
|
.uls-menu {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.uls-search,
|
|
.uls-language-settings-close-block {
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
}
|
|
|
|
.uls-language-list {
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
|
|
.uls-menu a {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.uls-menu.callout .caret-before,
|
|
.uls-menu.callout .caret-after {
|
|
border-top: 10px solid transparent;
|
|
border-right: 10px solid #C9C9C9;
|
|
border-bottom: 10px solid transparent;
|
|
display: inline-block;
|
|
left: -11px;
|
|
/* 17px aligns nicely with the size of the search row in language selection */
|
|
top: 17px;
|
|
position: absolute;
|
|
}
|
|
|
|
.uls-menu.callout .caret-after {
|
|
border-right: 10px solid #FCFCFC;
|
|
display: inline-block;
|
|
left: -10px;
|
|
}
|
|
|
|
.uls-menu.callout--languageselection .caret-after {
|
|
border-right: 10px solid #FFF;
|
|
}
|
|
|
|
.uls-ui-languages button {
|
|
width: 22%;
|
|
text-overflow: ellipsis;
|
|
margin-right: 2%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
padding: 0.5em 0;
|
|
}
|
|
|
|
button.uls-more-languages {
|
|
width: auto;
|
|
}
|
|
|
|
.settings-title {
|
|
font-size: 11pt;
|
|
}
|
|
|
|
.settings-text {
|
|
color: #555555;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
div.display-settings-block:hover .settings-text {
|
|
color: #252525;
|
|
}
|
|
|
|
.uls-search-wrapper-wrapper {
|
|
position: relative;
|
|
padding-left: 40px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
.uls-icon-back {
|
|
background: transparent url('../images/back-grey-ltr.png') no-repeat scroll center center;
|
|
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/back-grey-ltr.svg');
|
|
/* @embed */
|
|
background-image: linear-gradient(transparent, transparent), url('../images/back-grey-ltr.svg');
|
|
background-size: 28px;
|
|
background-position: center center;
|
|
height: 32px;
|
|
width: 40px;
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
border-right: 1px solid #C9C9C9;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.uls-icon-back:hover {
|
|
opacity: 1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
/* TODO: move to jquery.uls */
|
|
.grid .uls-search {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.uls-search-label {
|
|
background-size: 28px;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.uls-filterinput {
|
|
padding-left: 0px;
|
|
}
|