mirror of
https://github.com/zadam/trilium.git
synced 2025-11-04 20:36:13 +01:00
chore(views/board): improve header
This commit is contained in:
@@ -46,29 +46,27 @@ const TPL = /*html*/`
|
|||||||
.board-view-container .board-column h3 {
|
.board-view-container .board-column h3 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
padding-bottom: 0.5em;
|
padding: 0.5em 0.5em 0.5em 0.5em;
|
||||||
border-bottom: 1px solid var(--main-border-color);
|
border-bottom: 1px solid var(--main-border-color);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: relative;
|
position: relative;
|
||||||
transition: background-color 0.2s ease;
|
transition: background-color 0.2s ease, border-radius 0.2s ease;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.board-view-container .board-column h3:hover {
|
.board-view-container .board-column h3:hover {
|
||||||
background-color: var(--hover-item-background-color);
|
background-color: var(--hover-item-background-color);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 0.25em 0.5em;
|
|
||||||
margin: -0.25em -0.5em 0.75em -0.5em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.board-view-container .board-column h3.editing {
|
.board-view-container .board-column h3.editing {
|
||||||
background-color: var(--main-background-color);
|
background-color: var(--main-background-color);
|
||||||
border: 1px solid var(--main-text-color);
|
border: 1px solid var(--main-text-color);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 0.25em 0.5em;
|
|
||||||
margin: -0.25em -0.5em 0.75em -0.5em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.board-view-container .board-column h3 input {
|
.board-view-container .board-column h3 input {
|
||||||
@@ -84,7 +82,6 @@ const TPL = /*html*/`
|
|||||||
|
|
||||||
.board-view-container .board-column h3 .edit-icon {
|
.board-view-container .board-column h3 .edit-icon {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
font-size: 0.8em;
|
|
||||||
margin-left: 0.5em;
|
margin-left: 0.5em;
|
||||||
transition: opacity 0.2s ease;
|
transition: opacity 0.2s ease;
|
||||||
color: var(--muted-text-color);
|
color: var(--muted-text-color);
|
||||||
|
|||||||
Reference in New Issue
Block a user