Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-09 17:52:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next)/ribbon/note info: improve the layout on constrained width

Browse Source
This commit is contained in:
Adorian Doran 2025-03-04 00:55:24 +02:00
parent dcea67fa9d
commit ee40bb3b33
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -80,6 +80,35 @@ div.editability-dropdown a.dropdown-item {
font-size: 0.8em;
}
/* Narrow width layout */
.note-info-widget {
container: note-info / inline-size;
}
@container note-info (max-width: 800px) {
table, tbody, tr, td, th {
display: block;
padding: 0 !important;
}
tbody {
display: flex;
gap: 10px;
}
tr {
flex-grow: 1;
}
th {
font-size: .85em;
}
td {
margin-bottom: .5em;
}
}
/*
* Attribute detail dialog
*/