favourited notes
This commit is contained in:
Mateusz Gruszczyński
@@ -594,6 +594,56 @@ textarea:focus {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.document-heading-group {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.document-heading-group .document-heading {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.favorite-toggle {
|
||||
display: inline-grid;
|
||||
flex: 0 0 auto;
|
||||
width: 34px;
|
||||
min-width: 34px;
|
||||
height: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
place-items: center;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
outline: 0;
|
||||
background: transparent;
|
||||
color: var(--muted);
|
||||
font-size: 1.2rem;
|
||||
line-height: 1;
|
||||
transition: color .15s ease, text-shadow .15s ease, transform .15s ease;
|
||||
}
|
||||
|
||||
.favorite-toggle:not([aria-pressed="true"]):hover {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.favorite-toggle:focus-visible {
|
||||
color: var(--accent);
|
||||
text-shadow: 0 0 8px color-mix(in srgb, var(--accent) 45%, transparent);
|
||||
}
|
||||
|
||||
.favorite-toggle[aria-pressed="true"] {
|
||||
color: var(--accent);
|
||||
text-shadow: 0 0 8px color-mix(in srgb, var(--accent) 55%, transparent);
|
||||
transform: scale(1.08);
|
||||
}
|
||||
|
||||
.favorite-toggle:disabled {
|
||||
opacity: .6;
|
||||
cursor: wait;
|
||||
}
|
||||
|
||||
.document-heading--copy {
|
||||
border-radius: 6px;
|
||||
cursor: copy;
|
||||
@@ -2633,6 +2683,55 @@ dialog::backdrop {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.note-card-wrap--favorite-enabled .note-card {
|
||||
padding-right: 58px;
|
||||
}
|
||||
|
||||
.note-card-favorite {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.note-favorite-button {
|
||||
display: inline-grid;
|
||||
width: 34px;
|
||||
min-width: 34px;
|
||||
height: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
place-items: center;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
outline: 0;
|
||||
background: transparent;
|
||||
color: var(--muted);
|
||||
font-size: 1.15rem;
|
||||
line-height: 1;
|
||||
transition: color .15s ease, text-shadow .15s ease, transform .15s ease;
|
||||
}
|
||||
|
||||
.note-favorite-button:not([aria-pressed="true"]):hover {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.note-favorite-button:focus-visible {
|
||||
color: var(--accent);
|
||||
text-shadow: 0 0 8px color-mix(in srgb, var(--accent) 45%, transparent);
|
||||
}
|
||||
|
||||
.note-favorite-button[aria-pressed="true"] {
|
||||
color: var(--accent);
|
||||
text-shadow: 0 0 8px color-mix(in srgb, var(--accent) 55%, transparent);
|
||||
transform: scale(1.08);
|
||||
}
|
||||
|
||||
.note-favorite-button:disabled {
|
||||
opacity: .6;
|
||||
cursor: wait;
|
||||
}
|
||||
|
||||
.protect-badge,
|
||||
.file-flag {
|
||||
display: inline-flex;
|
||||
@@ -3133,6 +3232,22 @@ dialog::backdrop {
|
||||
font-size: .75rem;
|
||||
}
|
||||
|
||||
.notes-table-favorite {
|
||||
width: 44px;
|
||||
min-width: 44px;
|
||||
padding-right: 8px !important;
|
||||
padding-left: 8px !important;
|
||||
text-align: center !important;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.note-favorite-button--inline {
|
||||
width: 30px;
|
||||
min-width: 30px;
|
||||
height: 30px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.notes-table-actions {
|
||||
width: 1%;
|
||||
white-space: nowrap;
|
||||
@@ -4148,6 +4263,79 @@ dialog::backdrop {
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.resources-category {
|
||||
margin-top: 20px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.resources-category--favorites {
|
||||
padding-bottom: 18px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.resources-category__header h3,
|
||||
.resources-category__header p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.resources-category__header h3 {
|
||||
font-size: .92rem;
|
||||
}
|
||||
|
||||
.resources-category__header p {
|
||||
margin-top: 4px;
|
||||
color: var(--muted);
|
||||
font-size: .78rem;
|
||||
}
|
||||
|
||||
.resources-category .resources-list {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.resource-row.resource-row--favorite {
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
border-color: color-mix(in srgb, var(--accent) 32%, var(--border));
|
||||
background: color-mix(in srgb, var(--accent) 5%, transparent);
|
||||
}
|
||||
|
||||
.resource-row--favorite .resource-copy {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.resource-favorite-remove {
|
||||
display: inline-grid;
|
||||
flex: 0 0 auto;
|
||||
width: 34px;
|
||||
min-width: 34px;
|
||||
height: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
place-items: center;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
outline: 0;
|
||||
background: transparent;
|
||||
color: var(--accent);
|
||||
font-size: 1.1rem;
|
||||
line-height: 1;
|
||||
text-shadow: 0 0 8px color-mix(in srgb, var(--accent) 55%, transparent);
|
||||
transition: color .15s ease, text-shadow .15s ease, transform .15s ease;
|
||||
}
|
||||
|
||||
.resource-favorite-remove:hover,
|
||||
.resource-favorite-remove:focus-visible {
|
||||
background: transparent;
|
||||
color: var(--accent);
|
||||
text-shadow: 0 0 10px color-mix(in srgb, var(--accent) 70%, transparent);
|
||||
transform: scale(1.08);
|
||||
}
|
||||
|
||||
.resource-favorite-remove:disabled {
|
||||
opacity: .6;
|
||||
cursor: wait;
|
||||
}
|
||||
|
||||
.resource-row {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
@@ -5940,6 +6128,11 @@ dialog::backdrop {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.pad-page .document-heading-group {
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.pad-page .header-user-control {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user