0001-portal-agent-style-cells-and-search-results-25922.patch
| data/themes/gadjo/static/css/agent-portal.scss | ||
|---|---|---|
| 1 |
$cell-entry-color: #333; |
|
| 2 |
$cell-entry-border-color: #ccc; |
|
| 3 |
$cell-entry-hover-color: $cell-entry-color; |
|
| 4 |
$cell-entry-hover-background: #eee; |
|
| 5 | ||
| 1 | 6 |
div.welcome {
|
| 2 | 7 |
border: 1px solid #e4e4e4; |
| 3 | 8 |
background: #fcfcfc; |
| ... | ... | |
| 71 | 76 |
content: none; |
| 72 | 77 |
} |
| 73 | 78 | |
| 79 |
div.searchcell {
|
|
| 80 |
form {
|
|
| 81 |
display: flex; |
|
| 82 |
input {
|
|
| 83 |
flex: 1 0 auto; |
|
| 84 |
margin-right: 1rem; |
|
| 85 |
} |
|
| 86 |
} |
|
| 87 |
div.links-list li {
|
|
| 88 |
&::before {
|
|
| 89 |
font-family: FontAwesome; |
|
| 90 |
display: block; |
|
| 91 |
position: absolute; |
|
| 92 |
font-size: 1.5rem; |
|
| 93 |
left: 0rem; |
|
| 94 |
color: #555; |
|
| 95 |
width: 3rem; |
|
| 96 |
text-align: center; |
|
| 97 |
} |
|
| 98 |
padding-left: 3rem; |
|
| 99 |
} |
|
| 100 |
div.combo-search-results-users div.links-list li::before {
|
|
| 101 |
content: "\f007"; // user |
|
| 102 |
} |
|
| 103 |
div.combo-search-results-formdata div.links-list li::before {
|
|
| 104 |
content: "\f0f6"; // file-text-o |
|
| 105 |
} |
|
| 106 |
div.combo-search-results-tracking-code div.links-list li::before {
|
|
| 107 |
content: "\f02a"; // barcode |
|
| 108 |
} |
|
| 109 |
} |
|
| 110 | ||
| 111 |
div.links-list {
|
|
| 112 |
ul {
|
|
| 113 |
padding: 0; |
|
| 114 |
margin: 0; |
|
| 115 |
list-style: none; |
|
| 116 |
position: relative; |
|
| 117 |
z-index: 0; |
|
| 118 |
& > li {
|
|
| 119 |
padding: 1rem; |
|
| 120 |
color: $cell-entry-color; |
|
| 121 |
border-bottom: 1px solid $cell-entry-border-color; |
|
| 122 |
position: relative; |
|
| 123 | ||
| 124 |
> h4 { // group titles
|
|
| 125 |
padding: 0; |
|
| 126 |
margin: 0; |
|
| 127 |
font-size: 100%; |
|
| 128 |
font-weight: normal; |
|
| 129 |
} |
|
| 130 | ||
| 131 |
&:hover {
|
|
| 132 |
color: $cell-entry-hover-color; |
|
| 133 |
background-color: $cell-entry-hover-background; |
|
| 134 |
} |
|
| 135 |
div {
|
|
| 136 |
color: lighten($cell-entry-color, 20%); |
|
| 137 |
} |
|
| 138 |
} |
|
| 139 |
} |
|
| 140 |
} |
|
| 141 | ||
| 74 | 142 |
@media screen and (min-width: 1586px) {
|
| 75 | 143 |
div#page-content div.cubesbarchart {
|
| 76 | 144 |
width: 49.5%; |
| 77 |
- |
|