gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-01 04:54:25 +01:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

refactor(client): split revisions CSS into file

Browse Source
This commit is contained in:
Elian Doran 2025-11-30 19:55:40 +02:00
parent aacd92eee3
commit 7779acc7bc
No known key found for this signature in database
3 changed files with 42 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
apps/client/src/stylesheets/style.css
View File

@ -1686,46 +1686,6 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
body.mobile .modal-dialog.modal-dialog-scrollable { body.mobile .modal-dialog.modal-dialog-scrollable {
height: unset; height: unset;
} }
body.mobile .revisions-dialog .modal-dialog {
height: 95vh;
}
body.mobile .revisions-dialog .modal-body {
height: 100% !important;
flex-direction: column;
padding: 0;
}
body.mobile .revisions-dialog .revision-list {
height: unset;
max-height: 20vh;
border-bottom: 1px solid var(--main-border-color) !important;
padding: 0 1em;
}
body.mobile .revisions-dialog .modal-body > .revision-content-wrapper {
flex-grow: 1;
height: 100%;
overflow: auto;
margin: 0;
}
body.mobile .revisions-dialog .modal-body > .revision-content-wrapper > div:first-of-type {
flex-direction: column;
}
body.mobile .revisions-dialog .revision-title {
font-size: 1rem;
}
body.mobile .revisions-dialog .revision-title-buttons {
text-align: center;
}
body.mobile .revisions-dialog .revision-content {
padding: 0.5em;
}
} }
/* Mobile, tablet mode */ /* Mobile, tablet mode */

41
apps/client/src/widgets/dialogs/revisions.css Normal file
View File

@ -0,0 +1,41 @@
body.mobile .revisions-dialog {
.modal-dialog {
height: 95vh;
}
.modal-body {
height: 100% !important;
flex-direction: column;
padding: 0;
}
.revision-list {
height: unset;
max-height: 20vh;
border-bottom: 1px solid var(--main-border-color) !important;
padding: 0 1em;
}
.modal-body > .revision-content-wrapper {
flex-grow: 1;
height: 100%;
overflow: auto;
margin: 0;
}
.modal-body > .revision-content-wrapper > div:first-of-type {
flex-direction: column;
}
.revision-title {
font-size: 1rem;
}
.revision-title-buttons {
text-align: center;
}
.revision-content {
padding: 0.5em;
}
}

1
apps/client/src/widgets/dialogs/revisions.tsx
View File

@ -20,6 +20,7 @@ import ActionButton from "../react/ActionButton";
import options from "../../services/options"; import options from "../../services/options";
import { useTriliumEvent } from "../react/hooks"; import { useTriliumEvent } from "../react/hooks";
import { diffWords } from "diff"; import { diffWords } from "diff";
import "./revisions.css";
export default function RevisionsDialog() { export default function RevisionsDialog() {
const [ note, setNote ] = useState<FNote>(); const [ note, setNote ] = useState<FNote>();