minor css fixes on select-box
This commit is contained in:
parent
d04aa5c7af
commit
ca58a8228c
|
@ -173,7 +173,6 @@ export default Ember.Component.extend({
|
||||||
const computedHeight = this.$().outerHeight(false);
|
const computedHeight = this.$().outerHeight(false);
|
||||||
|
|
||||||
this.$(".select-box-filter").css("height", computedHeight);
|
this.$(".select-box-filter").css("height", computedHeight);
|
||||||
this.$(".select-box-header").css("height", computedHeight);
|
|
||||||
|
|
||||||
if (this.get("expanded")) {
|
if (this.get("expanded")) {
|
||||||
if (this.get("scrollableParent").length === 1) {
|
if (this.get("scrollableParent").length === 1) {
|
||||||
|
|
|
@ -23,6 +23,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-status {
|
.category-status {
|
||||||
|
color: $primary;
|
||||||
-webkit-box-flex: 0;
|
-webkit-box-flex: 0;
|
||||||
-ms-flex: 1 1 auto;
|
-ms-flex: 1 1 auto;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
|
@ -32,7 +33,7 @@
|
||||||
-webkit-box-flex: 0;
|
-webkit-box-flex: 0;
|
||||||
-ms-flex: 1 1 auto;
|
-ms-flex: 1 1 auto;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
color: $primary;
|
color: #919191;
|
||||||
font-size: 0.857em;
|
font-size: 0.857em;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -99,6 +99,7 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
|
height: inherit;
|
||||||
|
|
||||||
&.is-focused {
|
&.is-focused {
|
||||||
border: 1px solid $tertiary;
|
border: 1px solid $tertiary;
|
||||||
|
@ -164,12 +165,6 @@
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $highlight-medium;
|
background: $highlight-medium;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.is-selected {
|
|
||||||
a {
|
|
||||||
background: $highlight-medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-box-collection {
|
.select-box-collection {
|
||||||
|
|
|
@ -70,8 +70,13 @@
|
||||||
.texts {
|
.texts {
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
align-items: flex-start;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
flex: 1;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
|
@ -79,6 +84,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
|
flex: 1;
|
||||||
font-size: 0.857em;
|
font-size: 0.857em;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #919191;
|
color: #919191;
|
||||||
|
|
|
@ -177,18 +177,6 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.timeline-fullscreen .topic-timeline .timeline-footer-controls ul.dropdown-menu {
|
|
||||||
width: auto;
|
|
||||||
min-width: 250px;
|
|
||||||
right: auto;
|
|
||||||
.desc {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.topic-timeline {
|
.topic-timeline {
|
||||||
margin-left: 3em;
|
margin-left: 3em;
|
||||||
width: 150px;
|
width: 150px;
|
||||||
|
|
Loading…
Reference in New Issue