onion/sass/ascribe_piece_list_toolbar....

88 lines
1.7 KiB
SCSS

.ascribe-piece-list-toolbar {
padding-left: 15px;
padding-right: 15px;
}
.search-bar {
max-width: 200px;
input {
height: 33px;
}
}
.ascribe-input-glyph > .form-group > .input-group {
margin-left: 6px;
border: none;
input {
background-color: transparent;
box-shadow: none;
border: none;
}
> .input-group-addon {
background-color: transparent;
> .filter-glyph {
border: none;
}
}
}
.ascribe-piece-list-toolbar-widget {
button {
background-color: transparent;
border: 1px solid transparent;
color: $ascribe--button-default-color;
padding: 6px 4px 6px 8px;
&:hover,
&:active {
background-color: $ascribe--button-default-color !important;
border-color: $ascribe--button-default-color !important;
color: white;
}
.caret {
display: none;
}
}
.ascribe-piece-list-toolbar-widget-item {
a {
padding-left: 0;
padding-right: 0;
}
}
.checkbox-line {
height: 25px;
position: relative;
color: #333333;
/* Fuck you react-bootstrap */
&:hover {
background-color: $dropdown-link-hover-bg;
cursor: pointer;
}
span {
cursor: pointer;
left: 9px;
margin-right: 10px;
position: absolute;
top: 3px;
}
input {
margin-left: 10px;
position: absolute;
right: 9px;
top: 2px;
}
}
.dropdown-menu {
min-width: 170px;
}
}