More improvements on dark themes..

This commit is contained in:
Matias De lellis
2024-02-06 14:55:40 -03:00
parent dc928dffad
commit 41f8b429aa
6 changed files with 30 additions and 14 deletions

View File

@@ -21,10 +21,6 @@
background-position: 16px center;
}
.icon-button-add {
background-image: var(--original-icon-add-white);
}
#new-note-fixed {
z-index: 111; /* navigation menu is 110 ;-) */
line-height: 44px;
@@ -125,6 +121,18 @@
min-height: 75px;
}
.icon-button-add {
background-image: var(--original-icon-add-white);
}
.icon-delete-note {
background-image: var(--original-icon-delete-dark);
}
.icon-delete-note:hover {
background-image: var(--icon-delete-color-red);
}
.icon-header-note {
cursor: pointer;
float: right;
@@ -283,6 +291,7 @@ box-shadow: 0 0 0 2px var(--color-primary);
.slim-share,
.slim-tag {
background-repeat: no-repeat;
display: inline-block;
cursor: pointer;
padding: 0px 6px 0 24px;
@@ -303,6 +312,13 @@ box-shadow: 0 0 0 2px var(--color-primary);
margin-top: 5px;
}
.slim-share {
background-image: var(--original-icon-user-dark);
}
.slim-tag {
background-image: var(--original-icon-tag-dark);
}
/* Restore defaults select2 rules */

View File

@@ -5,7 +5,7 @@
<div class="attach-preview note-attach" attach-file-id="{{file_id}}" data-background-image="{{preview_url}}"></div>
</a>
{{#if ../can_delete}}
<div class="attach-remove icon-delete" title="{{t "quicknotes" "Delete attachment"}}"></div>
<div class="attach-remove original-icon-delete-dark" title="{{t "quicknotes" "Delete attachment"}}"></div>
{{/if}}
</div>
{{/each}}

View File

@@ -15,7 +15,7 @@
{{else}}
<div class="icon-header-note icon-pin hide-header-icon" title="{{t "quicknotes" "Pin note"}}"></div>
{{/if}}
<div class="icon-header-note icon-delete hide-header-icon icon-delete-note" title="{{t "quicknotes" "Delete note"}}"></div>
<div class="icon-header-note hide-header-icon icon-delete-note" title="{{t "quicknotes" "Delete note"}}"></div>
<div class='note-title'>
{{{ title }}}
</div>
@@ -24,12 +24,12 @@
</div>
<div class='note-shares'>
{{#each sharedWith}}
<div class="icon-user slim-share" share-id="{{ shared_user }}" title="Shared with {{ display_name }}">{{{ display_name }}}</div>
<div class="slim-share" share-id="{{ shared_user }}" title="Shared with {{ display_name }}">{{{ display_name }}}</div>
{{/each}}
</div>
<div class='note-tags'>
{{#each tags}}
<div class="icon-tag slim-tag" tag-id="{{ id }}">{{{ name }}}</div>
<div class="slim-tag" tag-id="{{ id }}">{{{ name }}}</div>
{{/each}}
</div>
<div>

View File

@@ -15,14 +15,14 @@
<div class='note-body'>
{{#if sharedBy}}
<div class="icon-header-note icon-share" title="{{tSB sharedBy.0.display_name}}"></div>
<div class="icon-header-note icon-delete hide-header-icon icon-delete-note" title="{{t "quicknotes" "Leave this shared note"}}"></div>
<div class="icon-header-note hide-header-icon icon-delete-note" title="{{t "quicknotes" "Leave this shared note"}}"></div>
{{else}}
{{#if isPinned}}
<div class="icon-header-note icon-pinned fixed-header-icon" title="{{t "quicknotes" "Unpin note"}}"></div>
{{else}}
<div class="icon-header-note icon-pin hide-header-icon" title="{{t "quicknotes" "Pin note"}}"></div>
{{/if}}
<div class="icon-header-note icon-delete hide-header-icon icon-delete-note" title="{{t "quicknotes" "Delete note"}}"></div>
<div class="icon-header-note hide-header-icon icon-delete-note" title="{{t "quicknotes" "Delete note"}}"></div>
{{/if}}
<div class='note-title'>
{{{ title }}}
@@ -32,12 +32,12 @@
</div>
<div class='note-shares'>
{{#each sharedWith}}
<div class="icon-user slim-share" share-id="{{ shared_user }}" title="{{tSW display_name}}">{{{ display_name }}}</div>
<div class="slim-share" share-id="{{ shared_user }}" title="{{tSW display_name}}">{{{ display_name }}}</div>
{{/each}}
</div>
<div class='note-tags'>
{{#each tags}}
<div class='icon-tag slim-tag' tag-id="{{ id }}">
<div class='slim-tag' tag-id="{{ id }}">
{{{ name }}}
</div>
{{/each}}

View File

@@ -1,5 +1,5 @@
<div class='note-shares'>
{{#each sharedWith}}
<div class="icon-user slim-share" share-id="{{ shared_user }}" title="{{tSW display_name}}">{{{ display_name }}}</div>
<div class="slim-share" share-id="{{ shared_user }}" title="{{tSW display_name}}">{{{ display_name }}}</div>
{{/each}}
</div>

View File

@@ -1,5 +1,5 @@
<div class='note-tags'>
{{#each tags}}
<div class="icon-tag slim-tag" tag-id="{{ id }}">{{{ name }}}</div>
<div class="slim-tag" tag-id="{{ id }}">{{{ name }}}</div>
{{/each}}
</div>