Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-27 01:51:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next)/ribbon/image properties: improve the layout

Browse Source
This commit is contained in:
Adorian Doran 2025-03-13 03:24:04 +02:00
parent 25a787f9dc
commit 2066f821cb
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/public/stylesheets/theme-next/ribbon.css
View File

@ -37,19 +37,17 @@ div.promoted-attributes-container {
}
/*
* File Properties and Note Info
* File/Image Properties and Note Info
*/
/* The property label */
.note-info-widget-table th,
.file-properties-widget .file-table th {
.file-properties-widget .file-table th,
.image-properties > div:first-child > span > strong {
opacity: 0.65;
font-weight: 500;
}
/*
* File Properties
*/
.file-properties-widget {
container: info-section / inline-size;
}
@ -63,9 +61,12 @@ div.promoted-attributes-container {
padding: 8px 0 0 0;
}
.file-properties-widget .file-buttons {
/* The button bar */
.file-properties-widget .file-buttons,
.image-properties > div:last-of-type {
padding: 0;
justify-content: flex-start;
margin: 0;
justify-content: flex-start !important;
flex-wrap: wrap;
gap: 12px;
}
@ -74,6 +75,13 @@ div.promoted-attributes-container {
white-space: nowrap;
}
/* The properties row for images */
.image-properties > div:first-child {
justify-content: flex-start !important;
flex-wrap: wrap;
gap: 10px 40px;
}
/*
* Basic properties
*/