fabio286/antares
1
1
Fork 0
mirror of https://github.com/Fabio286/antares.git synced 2025-06-05 21:59:22 +02:00
Code Issues Releases Wiki Activity

refactor: teleport for modals

Browse Source
This commit is contained in:
Fabio Di Stasio
2022-04-25 13:45:07 +02:00
parent 6780401cb7
commit 8b04a2b7dd
18 changed files with 1364 additions and 1340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/scss/_fake-tables.scss
View File

@ -1,7 +1,7 @@
.table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border-spacing: 0;
display: table;
table-layout: fixed;

44
src/renderer/scss/main.scss
View File

@ -87,6 +87,50 @@ option:checked {
}
}
.workspace-query-results {
overflow: auto;
white-space: nowrap;
.table {
width: auto;
border-collapse: separate;
.th {
position: sticky;
top: 0;
border: 2px solid;
border-left: none;
border-bottom-width: 2px;
padding: 0;
font-weight: 700;
font-size: 0.7rem;
z-index: 1;
> div {
padding: 0.1rem 0.2rem;
min-width: -webkit-fill-available;
}
}
.td {
border-right: 2px solid;
border-bottom: 2px solid;
padding: 0 0.2rem;
text-overflow: ellipsis;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
font-size: 0.7rem;
position: relative;
&:focus {
outline: none;
}
}
}
}
.workspace-tabs {
align-content: baseline;

62
src/renderer/scss/themes/dark-theme.scss
View File

@ -181,37 +181,6 @@
}
}
.workspace-query-results {
.table {
.th {
border-color: darken($bg-color-light-gray, 80%);
background-color: $body-bg-dark;
}
.tr {
background-color: darken($bg-color-light-gray, 80%);
.td:first-child {
border-left: 2px solid $body-bg-dark;
}
.td {
border-color: $body-bg-dark;
&:focus {
box-shadow: inset 0 0 0 2px darken($body-font-color-dark, 40%);
background-color: rgba($color: #000, $alpha: 0.3);
}
.editable-field {
box-shadow: inset 0 0 0 2px darken($body-font-color-dark, 40%);
background-color: rgba($color: #000, $alpha: 0.3);
}
}
}
}
}
.workspace-tabs {
.tab-block {
background: $bg-color-light-dark;
@ -233,6 +202,37 @@
}
}
.workspace-query-results {
.table {
.th {
border-color: darken($bg-color-light-gray, 80%);
background-color: $body-bg-dark;
}
.tr {
background-color: darken($bg-color-light-gray, 80%);
.td:first-child {
border-left: 2px solid $body-bg-dark;
}
.td {
border-color: $body-bg-dark;
&:focus {
box-shadow: inset 0 0 0 2px darken($body-font-color-dark, 40%);
background-color: rgba($color: #000, $alpha: 0.3);
}
.editable-field {
box-shadow: inset 0 0 0 2px darken($body-font-color-dark, 40%);
background-color: rgba($color: #000, $alpha: 0.3);
}
}
}
}
}
.connection-panel {
.panel {
background: rgba($bg-color-light-dark, 50%);

42
src/renderer/scss/themes/light-theme.scss
View File

@ -217,33 +217,33 @@
}
}
}
}
.workspace-query-results {
.table {
.th {
background: $body-bg;
border-color: lighten($bg-color-light-gray, 2%);
.workspace-query-results {
.table {
.th {
background: $body-bg;
border-color: lighten($bg-color-light-gray, 2%);
}
.tr {
background-color: lighten($bg-color-light-gray, 2%);
.td:first-child {
border-left: 2px solid $body-bg;
}
.tr {
background-color: lighten($bg-color-light-gray, 2%);
.td {
border-color: $body-bg;
.td:first-child {
border-left: 2px solid $body-bg;
&:focus {
box-shadow: inset 0 0 0 2px lighten($body-font-color, 10%);
background-color: $body-font-color-dark;
}
.td {
border-color: $body-bg;
&:focus {
box-shadow: inset 0 0 0 2px lighten($body-font-color, 10%);
background-color: $body-font-color-dark;
}
.editable-field {
box-shadow: inset 0 0 0 2px lighten($body-font-color, 10%);
background-color: $body-font-color-dark;
}
.editable-field {
box-shadow: inset 0 0 0 2px lighten($body-font-color, 10%);
background-color: $body-font-color-dark;
}
}
}