portal agent: style cells and search results (#25922)

This commit is contained in:
Frédéric Péters 2018-08-09 15:26:55 +02:00
parent 698253a149
commit 8e289a0e03
1 changed files with 68 additions and 0 deletions

View File

@ -1,3 +1,8 @@
$cell-entry-color: #333;
$cell-entry-border-color: #ccc;
$cell-entry-hover-color: $cell-entry-color;
$cell-entry-hover-background: #eee;
div.welcome {
border: 1px solid #e4e4e4;
background: #fcfcfc;
@ -71,6 +76,69 @@ div.cell div.loading.error-loading::after {
content: none;
}
div.searchcell {
form {
display: flex;
input {
flex: 1 0 auto;
margin-right: 1rem;
}
}
div.links-list li {
&::before {
font-family: FontAwesome;
display: block;
position: absolute;
font-size: 1.5rem;
left: 0rem;
color: #555;
width: 3rem;
text-align: center;
}
padding-left: 3rem;
}
div.combo-search-results-users div.links-list li::before {
content: "\f007"; // user
}
div.combo-search-results-formdata div.links-list li::before {
content: "\f0f6"; // file-text-o
}
div.combo-search-results-tracking-code div.links-list li::before {
content: "\f02a"; // barcode
}
}
div.links-list {
ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
z-index: 0;
& > li {
padding: 1rem;
color: $cell-entry-color;
border-bottom: 1px solid $cell-entry-border-color;
position: relative;
> h4 { // group titles
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}
&:hover {
color: $cell-entry-hover-color;
background-color: $cell-entry-hover-background;
}
div {
color: lighten($cell-entry-color, 20%);
}
}
}
}
@media screen and (min-width: 1586px) {
div#page-content div.cubesbarchart {
width: 49.5%;