diginaut/digimarks
1
0
Fork 0
mirror of https://github.com/aquatix/digimarks.git synced 2025-12-06 22:05:09 +01:00
Code Issues Releases Wiki Activity

Tags/chips

Browse Source
This commit is contained in:
Michiel Scholten
2025-05-12 22:50:56 +02:00
parent 70979b3350
commit d96bde9bb1
2 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/digimarks/static/css/digui.css
View File

@@ -9,6 +9,9 @@
/* Default is nebula-light */ /* Default is nebula-light */
--font-family: sans-serif; --font-family: sans-serif;
--background-color: #fff; --background-color: #fff;
--secondary-background-color: #ccc;
--button-color: #eee;
--button-text: var(--text-color);
--text-color: #121416d8; --text-color: #121416d8;
--secondary-text-color: #121416d8; --secondary-text-color: #121416d8;
--link-color: #543fd7; --link-color: #543fd7;
@@ -26,10 +29,13 @@
--danger-color: #e03131; --danger-color: #e03131;
--warning-color: orange; --warning-color: orange;
--error-color: var(--danger-color); --error-color: var(--danger-color);
--padding: .5rem;
} }
html[data-theme='nebula'] { html[data-theme='nebula'] {
--background-color: #fff; --background-color: #fff;
--secondary-background-color: #ccc;
--text-color: #121416d8; --text-color: #121416d8;
--secondary-text-color: #121416d8; --secondary-text-color: #121416d8;
--link-color: #543fd7; --link-color: #543fd7;
@@ -47,8 +53,11 @@ html[data-theme='nebula'] {
html[data-theme='nebula-dark'] { html[data-theme='nebula-dark'] {
--background-color: #29292c; --background-color: #29292c;
--secondary-background-color: #29292c;
--button-color: #29292c;
--button-text: var(--text-color);
--text-color: #F7F8F8; --text-color: #F7F8F8;
--secondary-text-color: #29292c; --secondary-text-color: #ddd;
--link-color: #ffe7a3; --link-color: #ffe7a3;
--highlight-color: #e03131; --highlight-color: #e03131;
@@ -65,6 +74,7 @@ html[data-theme='nebula-dark'] {
html[data-theme='bbs'] { html[data-theme='bbs'] {
--font-family: monospace; --font-family: monospace;
--background-color: #FFF; --background-color: #FFF;
--secondary-background-color: #ccc;
--text-color: #000; --text-color: #000;
--secondary-text-color: #000; --secondary-text-color: #000;
--link-color: #543fd7; --link-color: #543fd7;
@@ -83,6 +93,7 @@ html[data-theme='silo'] {
--font-family: monospace; --font-family: monospace;
/*--background-color: #003eaa;*/ /*--background-color: #003eaa;*/
--background-color: #1d212c; --background-color: #1d212c;
--secondary-background-color: var(--highlight-color);
--text-color: #FFF; --text-color: #FFF;
--secondary-text-color: #29292c; --secondary-text-color: #29292c;
--link-color: #FF9800; --link-color: #FF9800;
@@ -194,6 +205,7 @@ button, input {
border-radius: var(--border-radius); border-radius: var(--border-radius);
box-sizing: border-box; box-sizing: border-box;
color: var(--secondary-text-color); color: var(--secondary-text-color);
background-color: var(--button-color);
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
font-size: 13px; font-size: 13px;
@@ -290,6 +302,21 @@ button:focus {
background: none; background: none;
} }
*/ */
.chip {
font-size: .8rem;
border-radius: var(--border-radius);
background-color: var(--secondary-background-color);
color: var(--secondary-text-color);
/*color: var(--text-color);*/
padding: .2rem .5rem;
margin-left: .5rem;
}
.chip .button {
border-radius: var(--border-radius);
}
.error { .error {
color: var(--error-color); color: var(--error-color);
} }

6
src/digimarks/templates/user_index.html
View File

@@ -75,7 +75,11 @@
</div> </div>
<div class="card-footer"> <div class="card-footer">
<button title="show actions"><i class="fa-solid fa-square-caret-down"></i></button> <button title="show actions"><i class="fa-solid fa-square-caret-down"></i></button>
<div x-text="bookmark.tags" class="meta"></div> <div class="meta">
<template x-for="tag in bookmark.tag_list">
<span x-text="tag" class="chip"></span>
</template>
</div>
{# <div x-text="bookmark.created_date" class="meta"></div>#} {# <div x-text="bookmark.created_date" class="meta"></div>#}
</div> </div>
</div> </div>