bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-19 17:53:39 +00:00
Code Issues Releases Wiki Activity

Apply Prettier (#1347)

Browse Source
This commit is contained in:
Oscar Hinton
2021-12-17 15:57:11 +01:00
committed by GitHub
parent 2b0a9d995e
commit 56477eb39c
414 changed files with 33390 additions and 26857 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
src/scss/tables.scss
View File

@@ -1,131 +1,135 @@
.table {
@include themify($themes) {
color: themed("textColor");
}
td {
vertical-align: middle;
@include themify($themes) {
color: themed('textColor');
color: themed("textColor");
}
td {
vertical-align: middle;
& > a {
&:not(.badge) {
@include themify($themes) {
color: themed('textColor');
color: themed("tableLinkColor");
}
& > a {
&:not(.badge) {
@include themify($themes) {
color: themed('tableLinkColor');
}
&:hover {
@include themify($themes) {
color: themed('tableLinkColorHover');
}
}
}
}
&.reduced-lh {
line-height: 1;
small {
font-size: 80%;
}
}
small, > .fa, .icon {
@include themify($themes) {
color: themed('textMuted');
}
}
.fa-globe {
@include themify($themes) {
color: themed('iconColor');
}
&:hover {
@include themify($themes) {
color: themed("tableLinkColorHover");
}
}
}
}
td.wrap {
word-break: break-all;
&.reduced-lh {
line-height: 1;
small {
font-size: 80%;
}
}
td.table-list-options {
height: 50px;
max-width: 76px;
text-align: right;
width: 76px;
&.wider {
max-width: 100px;
width: 100px;
}
.btn {
line-height: 1;
transition: initial;
}
.dropdown-menu {
line-height: $line-height-base;
}
small,
> .fa,
.icon {
@include themify($themes) {
color: themed("textMuted");
}
}
td.table-action-right {
text-align: right;
.fa-globe {
@include themify($themes) {
color: themed("iconColor");
}
}
}
td.wrap {
word-break: break-all;
}
td.table-list-options {
height: 50px;
max-width: 76px;
text-align: right;
width: 76px;
&.wider {
max-width: 100px;
width: 100px;
}
tr:not(:hover) td.table-list-options {
> .dropdown:not(.show) button:not(:focus):not(:active), > button:not(:focus):not(:active) {
@extend .sr-only;
}
.btn {
line-height: 1;
transition: initial;
}
td.table-list-icon {
max-width: 45px;
text-align: center;
width: 45px;
img {
@extend .rounded;
@extend .img-fluid;
max-height: 24px;
}
.dropdown-menu {
line-height: $line-height-base;
}
}
td.table-list-checkbox {
max-width: 35px;
width: 35px;
td.table-action-right {
text-align: right;
}
tr:not(:hover) td.table-list-options {
> .dropdown:not(.show) button:not(:focus):not(:active),
> button:not(:focus):not(:active) {
@extend .sr-only;
}
}
td.table-list-strike {
text-decoration: line-through;
td.table-list-icon {
max-width: 45px;
text-align: center;
width: 45px;
img {
@extend .rounded;
@extend .img-fluid;
max-height: 24px;
}
}
td.table-list-checkbox {
max-width: 35px;
width: 35px;
}
td.table-list-strike {
text-decoration: line-through;
@include themify($themes) {
color: themed("textMuted");
}
}
&.table-list {
&.table td,
.table th {
&:not(tr:first-child td) {
@include themify($themes) {
color: themed('textMuted');
border-top: 1px solid themed("tableSeparator");
}
}
}
&.table-list {
&.table td, .table th {
&:not(tr:first-child td) {
@include themify($themes) {
border-top: 1px solid themed('tableSeparator');
}
}
}
thead th {
border-top: none;
}
tr:first-child {
td {
border: none;
}
}
thead th {
border-top: none;
}
tr:first-child {
td {
border: none;
}
}
}
}
.table-hover tbody tr:hover {
@include themify($themes) {
background-color: themed('tableRowHover');
color: themed('tableColorHover');
}
@include themify($themes) {
background-color: themed("tableRowHover");
color: themed("tableColorHover");
}
}