105 lines
1.5 KiB
SCSS
105 lines
1.5 KiB
SCSS
@import "~@inst-iot/bosch-angular-ui-components/styles/variables/colors";
|
|
|
|
.header-addnew {
|
|
margin-bottom: 40px;
|
|
|
|
& > * {
|
|
display: inline;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
button {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
.rb-ic.rb-ic-edit {
|
|
font-size: 1.1rem;
|
|
color: $color-gray-silver-sand;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
color: #000;
|
|
}
|
|
}
|
|
|
|
form {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.status-selection {
|
|
overflow: hidden;
|
|
margin-bottom: 10px;
|
|
float: left;
|
|
margin-right: 15px;
|
|
|
|
label {
|
|
display: block;
|
|
font-weight: 700;
|
|
font-size: 10px;
|
|
}
|
|
|
|
rb-form-checkbox {
|
|
float: left;
|
|
margin-right: 10px;
|
|
margin-top: -10px;
|
|
}
|
|
}
|
|
|
|
.page-size-selection {
|
|
max-width: 125px;
|
|
float: left;
|
|
}
|
|
|
|
.paging {
|
|
rb-form-input {
|
|
max-width: 50px;
|
|
}
|
|
|
|
> * {
|
|
float: left;
|
|
}
|
|
|
|
> button {
|
|
margin-top: 18px;
|
|
}
|
|
|
|
> span {
|
|
margin-top: 20px;
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
|
|
.sort-header {
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr auto;
|
|
grid-column-gap: 5px;
|
|
width: 100%;
|
|
|
|
:first-child {
|
|
grid-row: span 2;
|
|
}
|
|
|
|
:nth-child(2) {
|
|
margin-bottom: -3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
:nth-child(3) {
|
|
margin-top: -3px;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.sort-active-asc {
|
|
color: $color-bosch-dark-blue;
|
|
background: linear-gradient(to bottom, #FFF 17%, $color-bosch-light-blue-w50 17%);;
|
|
border-radius: 0 0 8px 8px;
|
|
}
|
|
|
|
.sort-active-desc {
|
|
color: $color-bosch-dark-blue;
|
|
background: linear-gradient(to top, #FFF 17%, $color-bosch-light-blue-w50 17%);;
|
|
border-radius: 8px 8px 0 0;
|
|
}
|