Stylesheed and example for compact language list
A searchable list for scenarios where users need to type/select a language (or more) as input. The list is made more compact by removing secondary aids from the ULS to focus on the input task.
This commit is contained in:
44
css/jquery.uls.compact.css
Normal file
44
css/jquery.uls.compact.css
Normal file
@@ -0,0 +1,44 @@
|
||||
.uls-compact .icon-close,
|
||||
.uls-compact .uls-title-region,
|
||||
.uls-compact .map-block {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.uls-compact.uls-menu {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.uls-compact .search {
|
||||
background: white;
|
||||
border-top: none;
|
||||
padding: 0.8em 0;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #DDD;
|
||||
}
|
||||
|
||||
.uls-compact .filterinput,
|
||||
.uls-compact .filterinput:focus {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.uls-compact .uls-language-list {
|
||||
background: #FCFCFC;
|
||||
height: 20em;
|
||||
}
|
||||
|
||||
.uls-compact .search-label {
|
||||
background-size: 25px;
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
float: right;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.uls-compact .languagefilter-clear {
|
||||
margin-left: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user