mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 01:15:22 +00:00
e33bbb8811
* rework data table, got to point of calling network request correctly * got to point of rendering table columns and data * finish up functional changes to data table * fix tests * fix styles for table container and data table * clean up some styles * update to styles for no host configured * cleanup and docs * add missing method for host table text formatting * disabling unused test. will add back in next PR * clean up code
64 lines
1.0 KiB
SCSS
64 lines
1.0 KiB
SCSS
.table-container {
|
|
|
|
&__header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
&__results-count {
|
|
font-size: $x-small;
|
|
font-weight: $bold;
|
|
color: $core-black;
|
|
margin: 0;
|
|
}
|
|
|
|
&__table-controls {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
&__table-action-button {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: $x-small;
|
|
color: $core-blue;
|
|
|
|
img {
|
|
width: 20px;
|
|
margin-right: $pad-half;
|
|
}
|
|
}
|
|
|
|
&__edit-columns-button:hover {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
color: $core-blue-over;
|
|
}
|
|
|
|
&__search-input {
|
|
position: relative;
|
|
color: $core-dark-blue-grey;
|
|
width: 344px;
|
|
margin-left: $pad-medium;
|
|
|
|
.table-container__input-wrapper {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.input-field {
|
|
padding-left: 42px;
|
|
width: 100%;
|
|
}
|
|
|
|
.kolidecon {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 12px;
|
|
font-size: 20px;
|
|
color: $core-medium-blue-grey;
|
|
}
|
|
}
|
|
}
|