mirror of
https://github.com/getredash/redash.git
synced 2025-12-25 01:03:20 -05:00
* Add styles for focused ant menus * Add disabled styles to clickable button * Improved dashboard header syntax and added focus * Improved CSS syntax * Add interactive styles * Improved anchor dependent styles * Improved styles of widget (gray more/delete btns) * Add interactive style for favorite star * Improved style of delete btn * Make table content fill all space * Added focus and active styles * Scoped query snippets list * Fixed behavior for all major browsers * Replaced button styles with plain button * Scoped items list styles * Added focus styles to ant table * Add plain button (#5419) * Minor syntax improvements * Refactor of Link component (#5418)
159 lines
2.1 KiB
Plaintext
Executable File
159 lines
2.1 KiB
Plaintext
Executable File
.table {
|
|
margin-bottom: 0;
|
|
|
|
th.sortable-column {
|
|
cursor: pointer;
|
|
}
|
|
|
|
&:not(.table-striped) > thead > tr > th {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
[class*="bg-"] {
|
|
& > tr > th {
|
|
color: #fff;
|
|
border-bottom: 0;
|
|
background: transparent !important;
|
|
}
|
|
|
|
& + tbody > tr:first-child > td {
|
|
border-top: 0;
|
|
}
|
|
}
|
|
|
|
& > thead > tr > th {
|
|
vertical-align: middle;
|
|
font-weight: 500;
|
|
color: #333;
|
|
border-width: 1px;
|
|
text-transform: uppercase;
|
|
padding: 15px 10px;
|
|
}
|
|
|
|
& > thead > tr,
|
|
& > tbody > tr,
|
|
& > tfoot > tr {
|
|
& > th,
|
|
& > td {
|
|
&:first-child {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
&:last-child {
|
|
padding-right: 30px;
|
|
}
|
|
}
|
|
}
|
|
|
|
tbody > tr:last-child > td {
|
|
padding-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
.table-bordered {
|
|
border: 0;
|
|
|
|
& > tbody > tr {
|
|
& > td,
|
|
& > th {
|
|
border-bottom: 0;
|
|
border-left: 0;
|
|
|
|
&:last-child {
|
|
border-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
& > thead > tr > th {
|
|
border-left: 0;
|
|
|
|
&:last-child {
|
|
border-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.table-vmiddle {
|
|
td {
|
|
vertical-align: middle !important;
|
|
}
|
|
}
|
|
|
|
.table-responsive {
|
|
border: 0;
|
|
}
|
|
|
|
.tile .table {
|
|
& > thead:not([class*="bg-"]) > tr > th {
|
|
border-top: 1px solid @table-border-color;
|
|
}
|
|
}
|
|
|
|
.table-hover > tbody > tr:hover {
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
.table-data {
|
|
thead > tr > th {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
tbody > tr > td {
|
|
padding-top: 5px !important;
|
|
}
|
|
|
|
.btn-favorite,
|
|
.btn-archive {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
|
|
.table-main-title {
|
|
font-weight: 500;
|
|
line-height: 1.7 !important;
|
|
}
|
|
|
|
.btn-favorite {
|
|
color: #d4d4d4;
|
|
transition: all 0.25s ease-in-out;
|
|
|
|
.fa-star {
|
|
color: @yellow-darker;
|
|
}
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: @yellow-darker;
|
|
cursor: pointer;
|
|
|
|
.fa-star {
|
|
filter: saturate(75%);
|
|
opacity: 0.75;
|
|
}
|
|
}
|
|
}
|
|
|
|
.btn-archive {
|
|
color: #d4d4d4;
|
|
transition: all 0.25s ease-in-out;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: @gray-light;
|
|
}
|
|
|
|
.fa-archive {
|
|
color: @gray-light;
|
|
}
|
|
}
|
|
|
|
.table > thead > tr > th {
|
|
text-transform: none;
|
|
}
|
|
|
|
.table-data .label-tag {
|
|
display: inline-block;
|
|
max-width: 135px;
|
|
}
|