Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 01:18:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 84

Website: Update styles on osquery schema pages. (#13640)

Browse source 
Closes #13099

Changes:
- Updated border colors and padding on osquery schema table pages to
match latest wireframes

Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
This commit is contained in:
Eric 2023-09-04 05:54:19 -05:00 committed by GitHub
parent 7d816152be
commit 604330a28d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
website/assets/styles/pages/osquery-table-details.less vendored
View file

@ -3,10 +3,13 @@
margin: 0;
width: 100vw;
height: 1px;
border-top: 1px solid @border-lt-gray;
border-top: 1px solid @core-fleet-black-25;
}
[purpose='search-and-filters'] {
hr {
display: none;
}
[purpose='filter-row'] {
max-width: 1200px;
padding-left: 40px;
@ -129,9 +132,8 @@
-ms-overflow-style: none;
min-width: 245px;
max-width: 250px;
padding-top: 60px;
padding-top: 24px;
height: 100%;
border-right: 1px #EEE solid;
padding-right: 16px;
margin-right: 16px;
h4 {
@ -143,7 +145,7 @@
padding-top: 16px;
padding-bottom: 120px;
margin-top: 16px;
border-top: 1px #EEE solid;
border-top: 1px solid @core-fleet-black-25;
position: relative;
a {
font-size: 14px;
@ -159,7 +161,7 @@
}
min-height: calc(~'100vh - 565px');
overflow-y: scroll;
overflow-x: show;
overflow-x: visible;
}
[purpose='evented-table-icon'] {
margin-left: 4px;
@ -231,7 +233,7 @@
[purpose='schema-table'] {
width: 100%;
position: relative;
padding-top: 60px;
padding-top: 24px;
margin-bottom: 40px;
[purpose='platform-logos'] {
height: 0px;
@ -313,13 +315,13 @@
th {
font-weight: @bold;
font-family: @header-font;
border: 1px solid @border-lt-gray;
border: 1px solid @core-fleet-black-25;
padding: 8px;
}
td {
vertical-align: middle;
font-family: @main-font;
border: 1px solid @border-lt-gray;
border: 1px solid @core-fleet-black-25;
padding: 8px;
max-height: 100px;
strong {
@ -405,6 +407,7 @@
}
@media (max-width: 991px) {
[purpose='schema-table'] {
padding-top: 40px;
[purpose='platform-logos'] {
@ -414,6 +417,11 @@
word-break: break-word;
}
}
[purpose='search-and-filters'] {
hr {
display: block;
}
}
[purpose='filter-row'] {
padding-left: 40px;
padding-right: 40px;
@ -449,6 +457,7 @@
padding-right: 24px;
}
[purpose='search-and-filters'] {
[purpose='filter-row'] {
padding-left: 24px;
padding-right: 24px;
@ -467,6 +476,7 @@
width: 100%;
}
}
}
[purpose='schema-table'] {
h2 {

1
website/views/pages/osquery-table-details.ejs vendored
View file

@ -1,7 +1,6 @@
<div id="osquery-table-details" v-cloak>
<div class="d-flex flex-column justify-content-center">
<div purpose="search-and-filters" class="d-flex flex-column justify-content-center">
<hr>
<div purpose="filter-row" style="max-width: 1200px;" class="mx-auto py-4 w-100 d-flex flex-sm-row flex-column justify-content-between">
<div class="d-flex">
<div purpose="platform-selector" class="d-flex flex-row justify-content-between align-items-center"