Minz/quicknotes
1
0
Fork 0
mirror of https://github.com/JanGross/quicknotes.git synced 2025-11-30 23:37:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixes some regressions in NC28 (Issue #109) and improves the dark theme a bit.

Browse Source
This commit is contained in:
Matias De lellis
2024-01-31 11:52:58 -03:00
parent 88d73504c8
commit 7313d30beb
4 changed files with 53 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/not-vue.css
View File

@@ -112,3 +112,17 @@
width: 100%;
margin-bottom: 3px;
}
#app-navigation:not(.vue) > ul > li > ul > li:hover, #app-navigation:not(.vue) > ul > li > ul > li:hover > a, #app-navigation:not(.vue) > ul > li > ul > li:focus, #app-navigation:not(.vue) > ul > li > ul > li:focus > a {
border-radius: var(--border-radius-pill);
background-color: var(--color-background-hover);
}
#app-navigation:not(.vue) > ul > li a:hover, #app-navigation:not(.vue) > ul > li a:hover > a, #app-navigation:not(.vue) > ul > li a:focus, #app-navigation:not(.vue) > ul > li a:focus > a {
background-color: var(--color-background-hover);
}
#app-navigation:not(.vue) > ul > li > ul > li.active, #app-navigation:not(.vue) > ul > li > ul > li.active > a, #app-navigation:not(.vue) > ul > li > ul > li a.selected, #app-navigation:not(.vue) > ul > li > ul > li a.selected > a {
border-radius: var(--border-radius-pill);
background-color: var(--color-primary-light);
}

36
css/style.css
View File

@@ -15,20 +15,44 @@
}
#new-note {
background-color: var(--color-primary-element);
color: var(--color-primary-element-text);
width: 100%;
padding: 10px;
padding-left: 34px;
background-position: 10px center;
min-height: 44px;
text-align: left;
margin: 0;
padding-left: 44px;
background-position: 16px center;
}
.icon-button-add {
background-image: var(--original-icon-add-white);
}
#new-note-fixed {
z-index: 111; /* navigation menu is 110 ;-) */
padding: 10px;
line-height: 44px;
min-height: 44px;
margin-bottom: 4px;
position: relative;
}
#app-navigation:not(.vue) > ul > li > ul > .color-filter {
display: flex;
min-height: 44px;
justify-content: center;
padding-top: 4px;
padding-left: unset;
}
.icon-filter-checkmark {
background-image: var(--original-icon-checkmark-dark);
}
.color-filter > .any-color-filter {
background-color: var(--color-primary-element-text);
}
.quicknote {
color: #202124;
min-height: 150px;
@@ -168,10 +192,6 @@ Button.circle-toolbar {
border-color: var(--color-primary-element);
}
.any-color {
background-color: transparent;
}
/* Isotope Grid */
.notes-grid {