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

This commit is contained in:
Adorian Doran 2025-03-13 03:24:04 +02:00
parent 25a787f9dc
commit 2066f821cb

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, .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; opacity: 0.65;
font-weight: 500; font-weight: 500;
} }
/*
* File Properties
*/
.file-properties-widget { .file-properties-widget {
container: info-section / inline-size; container: info-section / inline-size;
} }
@ -63,9 +61,12 @@ div.promoted-attributes-container {
padding: 8px 0 0 0; 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; padding: 0;
justify-content: flex-start; margin: 0;
justify-content: flex-start !important;
flex-wrap: wrap; flex-wrap: wrap;
gap: 12px; gap: 12px;
} }
@ -74,6 +75,13 @@ div.promoted-attributes-container {
white-space: nowrap; 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 * Basic properties
*/ */