webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-31 15:24:31 +03:00
Code Activity

Lexical: Added form complex/tab ui support

Browse Source
This commit is contained in:
Dan Brown
2024-07-28 12:48:58 +01:00
parent c8f6b7e0d6
commit ce8c9dd079
5 changed files with 209 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
resources/sass/_editor.scss
View File

@ -398,6 +398,45 @@ textarea.editor-form-field-input {
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
}
.editor-form-tab-container {
display: flex;
flex-direction: row;
gap: 2rem;
}
.editor-form-tab-controls {
display: flex;
flex-direction: column;
align-items: stretch;
gap: .25rem;
}
.editor-form-tab-control {
font-weight: bold;
font-size: 14px;
color: #444;
border-bottom: 2px solid transparent;
position: relative;
cursor: pointer;
padding: .25rem .5rem;
text-align: start;
&[aria-selected="true"] {
border-color: var(--editor-color-primary);
color: var(--editor-color-primary);
}
&[aria-selected="true"]:after, &:hover:after {
background-color: var(--editor-color-primary);
opacity: .15;
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
}
.editor-form-tab-contents {
width: 360px;
}
// Editor theme styles
.editor-theme-bold {