mirror of
https://github.com/zadam/trilium.git
synced 2025-11-02 12:39:04 +01:00
156 lines
2.6 KiB
CSS
156 lines
2.6 KiB
CSS
@container info-section (max-width: 800px) {
|
|
table, tbody, tr, td, th {
|
|
display: block;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
tbody {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 10px;
|
|
}
|
|
|
|
tr {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
tr:has(.file-buttons) {
|
|
width: 100%;
|
|
}
|
|
|
|
th {
|
|
font-size: .85em;
|
|
}
|
|
|
|
td {
|
|
margin-bottom: .5em;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Promoted attributes
|
|
*/
|
|
|
|
div.promoted-attributes-container {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
/*
|
|
* File/Image Properties and Note Info
|
|
*/
|
|
|
|
/* The property label */
|
|
.note-info-widget-table th,
|
|
.file-properties-widget .file-table th,
|
|
.image-properties > div:first-child > span > strong {
|
|
opacity: 0.65;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.file-properties-widget {
|
|
container: info-section / inline-size;
|
|
}
|
|
|
|
.file-properties-widget .file-table {
|
|
margin: 12px;
|
|
width: unset;
|
|
}
|
|
|
|
.file-properties-widget td:has(.file-buttons) {
|
|
padding: 8px 0 0 0;
|
|
}
|
|
|
|
/* The button bar */
|
|
.file-properties-widget .file-buttons,
|
|
.image-properties > div:last-of-type {
|
|
padding: 0;
|
|
margin: 0;
|
|
justify-content: flex-start !important;
|
|
flex-wrap: wrap;
|
|
gap: 12px;
|
|
}
|
|
|
|
.file-properties-widget .file-buttons button {
|
|
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
|
|
*/
|
|
|
|
/* Note type dropdown */
|
|
|
|
div.note-type-dropdown .check {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
/* Editability dropdown */
|
|
|
|
div.editability-dropdown a.dropdown-item {
|
|
padding: 4px 16px 4px 0;
|
|
align-items: start !important;
|
|
}
|
|
|
|
.editability-dropdown .dropdown-item .check {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.editability-dropdown .dropdown-item .description {
|
|
opacity: 0.75;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
/*
|
|
* Owned attributes
|
|
*/
|
|
|
|
.attribute-list .add-new-attribute-button,
|
|
.attribute-list .save-attributes-button {
|
|
bottom: 0.3em;
|
|
}
|
|
|
|
.attribute-list .save-attributes-button {
|
|
right: 30px;
|
|
}
|
|
|
|
/* Note path in attribute detail dialog */
|
|
.attr-detail .note-path {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
/*
|
|
* Similar notes
|
|
*/
|
|
|
|
:root .similar-notes-widget a {
|
|
color: var(--cmd-button-text-color);
|
|
background: var(--cmd-button-background-color);
|
|
}
|
|
|
|
:root .similar-notes-widget a:hover {
|
|
color: var(--cmd-button-hover-text-color);
|
|
background: var(--cmd-button-hover-background-color);
|
|
}
|
|
|
|
/*
|
|
* Note info
|
|
*/
|
|
|
|
:root .note-info-widget-table button.calculate-button {
|
|
min-width: 0;
|
|
padding: 4px 10px !important;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
/* Narrow width layout */
|
|
.note-info-widget {
|
|
container: info-section / inline-size;
|
|
} |