Commit e20ec689 authored by Ryan Herbert's avatar Ryan Herbert
Browse files

vidjil.less refactor atwho css

this was css copied into our sass file. So it makes sense to make the
most of the sass syntax and nesting feature.
parent 04e04154
......@@ -2283,81 +2283,90 @@ label.highlight_label {
box-shadow: 0 0 5px rgba(0,0,0,0.1);
min-width: 120px;
z-index: 11110 !important;
}
.atwho-view .atwho-header {
padding: 5px;
margin: 5px;
cursor: pointer;
border-bottom: solid 1px #eaeff1;
color: #6f8092;
font-size: 11px;
font-weight: bold;
}
.atwho-view .atwho-header .small {
color: #6f8092;
float: right;
padding-top: 2px;
margin-right: -5px;
font-size: 12px;
font-weight: normal;
}
.atwho-view .atwho-header:hover {
cursor: default;
}
.atwho-view .cur {
background: #3366FF;
color: white;
}
.atwho-view .cur.patient_li {
background: @patientTokenColor;
color: black;
}
.atwho-view .cur.run_li {
background: @runTokenColor;
color: black;
}
.atwho-view .cur.generic_li {
background: @genericTokenColor;
color: black;
}
.atwho-view .cur small {
color: white;
}
.atwho-view strong {
color: #3366FF;
}
.atwho-view .cur strong {
color: white;
font:bold;
}
.atwho-view .cur.patient_li strong, .atwho-view .cur.generic_li strong, .atwho-view .cur.run_li strong {
color: black;
font: bold;
}
.atwho-view ul {
/* width: 100px; */
list-style:none;
padding:0;
margin:auto;
max-height: 200px;
overflow-y: auto;
}
.atwho-view ul li {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #DDD;
cursor: pointer;
/* border-top: 1px solid #C8C8C8; */
}
.atwho-view small {
font-size: smaller;
color: #777;
font-weight: normal;
.atwho-header {
padding: 5px;
margin: 5px;
cursor: pointer;
border-bottom: solid 1px #eaeff1;
color: #6f8092;
font-size: 11px;
font-weight: bold;
.small {
color: #6f8092;
float: right;
padding-top: 2px;
margin-right: -5px;
font-size: 12px;
font-weight: normal;
}
&:hover {
cursor: default;
}
}
.cur {
background: #3366FF;
color: white;
&.patient_li {
color: black;
background: @patientTokenColor;
}
&.run_li {
color: black;
background: @runTokenColor;
}
&.generic_li {
color: black;
background: @genericTokenColor;
}
small {
color: white;
}
strong {
color: white;
font:bold;
}
&.patient_li, &.generic_li, &.run_li {
& strong {
color: black;
font: bold;
}
}
}
strong {
color: #3366FF;
}
ul {
/* width: 100px; */
list-style:none;
padding:0;
margin:auto;
max-height: 200px;
overflow-y: auto;
li {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #DDD;
cursor: pointer;
/* border-top: 1px solid #C8C8C8; */
}
}
small {
font-size: smaller;
color: #777;
font-weight: normal;
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment