Compare commits

...

3 Commits

Author SHA1 Message Date
16fe50d5c5 fixed instance of outdated font var value 2024-09-23 12:09:47 -05:00
eb74ba1163 add profile comments styling 2024-09-23 12:09:10 -05:00
18fba59a6e add historyview styling 2024-09-23 12:07:29 -05:00
2 changed files with 66 additions and 2 deletions

View File

@ -24,11 +24,19 @@
--code-bg: #ffffff63;
--code-text: #000000;
--comments-bgcolor: #ffffff;
--comments-background: #ffffff;
--comments-border-color: #000000;
--border-line: #000000;
--border-header: #ffffff;
--history-background: #ffffff;
--history-border-color: #000000;
--history-line-info: #FFFF00;
--history-line-add: #90EE90;
--history-line-delete: #FFCCCB;
--history-line-comment: #DCDCDC;
--inactive: #6e6e6e;
--alert: #ce0000;
--currency: #89541A;

View File

@ -146,6 +146,35 @@ body > div.overlay .dialog table:not(.titlebox) {
overflow: auto;
}
body > div.overlay div.dialog.historylist {
display: flex;
flex-direction: column;
max-width: 500px;
max-height: 90%;
}
body > div.overlay div.dialog.historylist .history-view {
background: var(--history-background);
padding: 4px;
margin: 4px;
border: 1px solid var(--history-border-color);
overflow: auto;
font-family: monospace;
}
body > div.overlay div.dialog.historylist select {
width: 100%;
margin: 2px 0px;
}
.history-view div {
border-bottom: 1px dashed var(--history-border-color);
white-space: break-spaces;
}
.history-view div.inf { background-color: var(--history-line-info); }
.history-view div.add { background-color: var(--history-line-add); }
.history-view div.del { background-color: var(--history-line-delete); }
.history-view div.cmt { background-color: var(--history-line-comment); }
/* = PAGE SELECTORS */
div.page-selector {
display: inline-flex;
@ -901,7 +930,7 @@ body.accform .options .option textarea, {
}
body.accform .page-container .formpart h2 {
font-family: var(--spfont1);
font-family: var(--primary-font);
}
body.accform .page-container .formpart .error {
@ -1580,6 +1609,33 @@ body.profile .sidebar .container .titlebox {
}
body.profile .sidebar .container .titlebox.rlink { float: right; }
body.profile.comments .mainbar .pcomment {
margin: 8px;
}
body.profile.comments .sidebar .pcomment {
background: var(--secondary-container-background);
border: var(--secondary-container-border);
border-style: inset;
margin: 8px 0px;
}
body.profile.comments .pcomment .body {
background: var(--comments-background);
border: 1px solid var(--comments-border-color);
border-radius: 8px 8px 8px 0px;
padding: 4px;
}
body.profile.comments .pcomment .infobar {
font-family: var(--primary-font);
}
body.profile.comments .pcomment .infobar td:last-child {
color: var(--subtitle);
text-align: right;
}
@media only screen and (orientation: landscape) {
body.profile .profile-box {
flex-direction: row;