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": {
"at-rule-no-unknown": null,
"no-descending-specificity": null,
"font-family-no-missing-generic-family-keyword": null,
"declaration-colon-newline-after": "always-multi-line"
},
"syntax": "scss"

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

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

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

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

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

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

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

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

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

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

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

@ -119,61 +119,62 @@ onMounted(() => {
});
</script>
<style lang="scss" scoped>
.query-console-wrapper{
width: 100%;
z-index: 9;
margin-top: auto;
position: absolute;
bottom: 0;
.query-console-wrapper {
width: 100%;
z-index: 9;
margin-top: auto;
position: absolute;
bottom: 0;
.query-console-resizer{
height: 4px;
top: -1px;
width: 100%;
cursor: ns-resize;
position: absolute;
z-index: 99;
transition: background 0.2s;
.query-console-resizer {
height: 4px;
top: -1px;
width: 100%;
cursor: ns-resize;
position: absolute;
z-index: 99;
transition: background 0.2s;
&:hover {
background: rgba($primary-color, 50%);
&:hover {
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>

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

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

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

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

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

@ -256,7 +256,7 @@
}
}
.connection-block{
.connection-block {
&:hover {
background: $bg-color-light-dark;
}
@ -312,9 +312,9 @@
.query-console-log {
&:hover,
&:focus {
background: $bg-color-gray;
background: $bg-color-gray;
}
}
}
}
.tile {

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

@ -135,9 +135,9 @@
.query-console-log {
&:hover,
&:focus {
background: $bg-color-light-gray;
background: $bg-color-light-gray;
}
}
}
}
#titlebar {
@ -291,7 +291,7 @@
}
}
.connection-block{
.connection-block {
&:hover {
background: $bg-color-light-gray;
}