webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-30 04:23:11 +03:00
Code Activity

Lexical: Started loading real content, Improved html loading

Browse Source 
Added more styling/layout for buttons and main content area
This commit is contained in:
Dan Brown
2024-07-01 15:10:22 +01:00
parent c2ecbf071f
commit 9ebbf7ce94
6 changed files with 45 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/sass/_editor.scss
View File

@ -14,6 +14,9 @@
.editor-toolbar-main {
display: flex;
flex-wrap: wrap;
justify-content: center;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
body.editor-is-fullscreen {
@ -22,13 +25,24 @@ body.editor-is-fullscreen {
z-index: 20;
}
}
.editor-content-area {
&:focus {
outline: 0;
}
}
.editor-content-wrap {
overflow-y: scroll;
}
// Buttons
.editor-button {
border: 1px solid #DDD;
font-size: 12px;
padding: 4px 6px;
color: #444;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.editor-button:hover {
background-color: #EEE;
@ -38,7 +52,6 @@ body.editor-is-fullscreen {
.editor-button[disabled] {
pointer-events: none;
cursor: not-allowed;
background-color: #EEE;
opacity: .6;
}
.editor-button-active, .editor-button-active:hover {
@ -52,7 +65,8 @@ body.editor-is-fullscreen {
.editor-button-icon svg {
width: 24px;
height: 24px;
fill: #000;
color: inherit;
fill: currentColor;
}
// Containers