fabio286
/
antares
mirror of https://github.com/Fabio286/antares.git
1
1
Fork 0
Code Issues Releases Wiki Activity

style: general lint fix

This commit is contained in:
Fabio Di Stasio 2022-08-09 16:18:21 +02:00
parent 44eb507a12
commit 19205e0736
11 changed files with 142 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.stylelintrc
View File

@ -10,6 +10,7 @@
"rules": { "rules": {
"at-rule-no-unknown": null, "at-rule-no-unknown": null,
"no-descending-specificity": null, "no-descending-specificity": null,
"font-family-no-missing-generic-family-keyword": null,
"declaration-colon-newline-after": "always-multi-line" "declaration-colon-newline-after": "always-multi-line"
}, },
"syntax": "scss" "syntax": "scss"

118
src/renderer/components/ModalAllConnections.vue
View File

@ -126,7 +126,7 @@
key="trick" key="trick"
readonly readonly
class="p-absolute" class="p-absolute"
style="width: 1px; height: 1px; opacity: 0" style="width: 1px; height: 1px; opacity: 0;"
type="text" type="text"
> >
<!-- workaround for useFocusTrap $lastFocusable --> <!-- workaround for useFocusTrap $lastFocusable -->
@ -270,89 +270,87 @@ onBeforeUnmount(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.vscroll { .vscroll {
height: 1000px; height: 1000px;
overflow: auto; overflow: auto;
overflow-anchor: none; overflow-anchor: none;
} }
.column-resizable { .column-resizable {
&:hover,
&:hover, &:active {
&:active { resize: horizontal;
resize: horizontal; overflow: hidden;
overflow: hidden; }
}
} }
.table-column-title { .table-column-title {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.sort-icon { .sort-icon {
font-size: 0.7rem; font-size: 0.7rem;
line-height: 1; line-height: 1;
margin-left: 0.2rem; margin-left: 0.2rem;
} }
.modal { .modal {
align-items: flex-start; align-items: flex-start;
.modal-container { .modal-container {
max-width: 75vw; max-width: 75vw;
margin-top: 10vh; margin-top: 10vh;
.modal-body { .modal-body {
height: 80vh; height: 80vh;
} }
} }
} }
.connections-search { .connections-search {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }
.connection-block { .connection-block {
cursor: pointer; cursor: pointer;
transition: all .2s; transition: all 0.2s;
border-radius: $border-radius; border-radius: $border-radius;
outline: none; outline: none;
&:focus { &:focus {
box-shadow: 0 0 3px .1rem rgba($primary-color, 80%); box-shadow: 0 0 3px 0.1rem rgba($primary-color, 80%);
} }
&:hover {
.all-connections-buttons {
.all-connections-delete,
.all-connections-pinned,
.all-connections-pin {
opacity: .5;
}
}
}
.all-connections-buttons {
.all-connections-pinned {
opacity: .3;
transition: opacity .2s;
&:hover {
opacity: 1;
}
}
&:hover {
.all-connections-buttons {
.all-connections-delete, .all-connections-delete,
.all-connections-pinned,
.all-connections-pin { .all-connections-pin {
opacity: 0; opacity: 0.5;
transition: opacity .2s;
&:hover {
opacity: 1;
}
} }
} }
}
.all-connections-buttons {
.all-connections-pinned {
opacity: 0.3;
transition: opacity 0.2s;
&:hover {
opacity: 1;
}
}
.all-connections-delete,
.all-connections-pin {
opacity: 0;
transition: opacity 0.2s;
&:hover {
opacity: 1;
}
}
}
} }
</style> </style>

8
src/renderer/components/ModalSettings.vue
View File

@ -538,10 +538,10 @@ onBeforeUnmount(() => {
.modal-body { .modal-body {
overflow: hidden; overflow: hidden;
.tab-link{ .tab-link {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.panel-body { .panel-body {

6
src/renderer/components/TheSettingBar.vue
View File

@ -245,7 +245,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
height: calc(100vh - #{$excluding-size}); height: calc(100vh - #{$excluding-size});
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// justify-content: space-between; // justify-content: space-between;
align-items: center; align-items: center;
padding: 0; padding: 0;
z-index: 9; z-index: 9;
@ -319,7 +319,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
} }
} }
.settingbar-element-pin{ .settingbar-element-pin {
margin: 0 auto; margin: 0 auto;
&::before { &::before {
@ -327,7 +327,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
content: "\F0403"; content: "\F0403";
color: $body-font-color-dark; color: $body-font-color-dark;
transform: rotate(45deg); transform: rotate(45deg);
opacity: .25; opacity: 0.25;
bottom: -8px; bottom: -8px;
left: -4px; left: -4px;
position: absolute; position: absolute;

2
src/renderer/components/WorkspaceAddConnectionPanel.vue
View File

@ -560,7 +560,7 @@ setTimeout(() => {
.connection-panel { .connection-panel {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: .5rem; margin-bottom: 0.5rem;
margin-top: 1.5rem; margin-top: 1.5rem;
.panel { .panel {

2
src/renderer/components/WorkspaceEditConnectionPanel.vue
View File

@ -551,7 +551,7 @@ localConnection.value = JSON.parse(JSON.stringify(props.connection));
.connection-panel { .connection-panel {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: .5rem; margin-bottom: 0.5rem;
margin-top: 1.5rem; margin-top: 1.5rem;
.panel { .panel {

107
src/renderer/components/WorkspaceQueryConsole.vue
View File

@ -119,61 +119,62 @@ onMounted(() => {
}); });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.query-console-wrapper{ .query-console-wrapper {
width: 100%; width: 100%;
z-index: 9; z-index: 9;
margin-top: auto; margin-top: auto;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
.query-console-resizer{ .query-console-resizer {
height: 4px; height: 4px;
top: -1px; top: -1px;
width: 100%; width: 100%;
cursor: ns-resize; cursor: ns-resize;
position: absolute; position: absolute;
z-index: 99; z-index: 99;
transition: background 0.2s; transition: background 0.2s;
&:hover { &:hover {
background: rgba($primary-color, 50%); background: rgba($primary-color, 50%);
}
}
.query-console {
padding: 0;
padding-bottom: $footer-height;
.query-console-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px;
font-weight: 700;
}
.query-console-body {
overflow: auto;
display: flex;
flex-direction: column;
max-height: 100%;
padding: 0 6px 3px;
.query-console-log {
padding: 1px 3px;
margin: 1px 0;
border-radius: $border-radius;
.query-console-log-sql {
font-size: 95%;
opacity: 0.8;
font-weight: 700;
&:hover {
user-select: text;
}
}
} }
} }
}
.query-console {
padding: 0;
padding-bottom: $footer-height;
.query-console-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px;
font-weight: 700;
}
.query-console-body {
overflow: auto;
display: flex;
flex-direction: column;
max-height: 100%;
padding: 0 6px 3px;
.query-console-log {
padding: 1px 3px;
margin: 1px 0;
border-radius: $border-radius;
.query-console-log-sql {
font-size: 95%;
opacity: .8;
font-weight: 700;
&:hover {
user-select: text;
}
}
}
}
}
} }
</style> </style>

15
src/renderer/scss/_variables.scss
View File

@ -28,13 +28,14 @@ $settingbar-width: 3rem;
$explorebar-width: 14rem; $explorebar-width: 14rem;
$footer-height: 1.5rem; $footer-height: 1.5rem;
@function get-excluding-size(){ @function get-excluding-size() {
@if $platform == linux{ @if $platform == linux {
@return $footer-height; @return $footer-height;
} }
@else {
@return $footer-height + $titlebar-height; @else {
} @return $footer-height + $titlebar-height;
}
} }
$excluding-size: get-excluding-size(); $excluding-size: get-excluding-size();

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

@ -362,8 +362,9 @@ option:checked {
.accordion-body { .accordion-body {
max-height: 5000rem !important; max-height: 5000rem !important;
} }
.btn { .btn {
&:focus{ &:focus {
box-shadow: 0 0 3px 1px rgba($primary-color, 90%); box-shadow: 0 0 3px 1px rgba($primary-color, 90%);
} }

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

@ -256,7 +256,7 @@
} }
} }
.connection-block{ .connection-block {
&:hover { &:hover {
background: $bg-color-light-dark; background: $bg-color-light-dark;
} }
@ -308,13 +308,13 @@
.query-console { .query-console {
border-top: 1px solid #444; border-top: 1px solid #444;
background-color: $bg-color-dark; background-color: $bg-color-dark;
.query-console-log { .query-console-log {
&:hover, &:hover,
&:focus { &:focus {
background: $bg-color-gray; background: $bg-color-gray;
} }
} }
} }
.tile { .tile {

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

@ -131,13 +131,13 @@
.query-console { .query-console {
border-top: 1px solid darken($bg-color-light-gray, 15%); border-top: 1px solid darken($bg-color-light-gray, 15%);
background-color: $bg-color-light; background-color: $bg-color-light;
.query-console-log { .query-console-log {
&:hover, &:hover,
&:focus { &:focus {
background: $bg-color-light-gray; background: $bg-color-light-gray;
} }
} }
} }
#titlebar { #titlebar {
@ -234,7 +234,7 @@
.table-size { .table-size {
opacity: 0.4; opacity: 0.4;
&:hover { &:hover {
opacity: 1; opacity: 1;
} }
@ -290,8 +290,8 @@
background: rgba($bg-color-light-gray, 100%); background: rgba($bg-color-light-gray, 100%);
} }
} }
.connection-block{ .connection-block {
&:hover { &:hover {
background: $bg-color-light-gray; background: $bg-color-light-gray;
} }