mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-26 04:05:57 +00:00
Updated table styling to ideally by more predictable
Set styles to be fixed and not cut text.
This commit is contained in:
parent
d94fc5b694
commit
393f6047f2
@ -50,7 +50,7 @@ function editorPaste(e, editor) {
|
|||||||
function registerEditorShortcuts(editor) {
|
function registerEditorShortcuts(editor) {
|
||||||
// Headers
|
// Headers
|
||||||
for (let i = 1; i < 5; i++) {
|
for (let i = 1; i < 5; i++) {
|
||||||
editor.addShortcut('ctrl+' + i, '', ['FormatBlock', false, 'h' + i]);
|
editor.addShortcut('meta+' + i, '', ['FormatBlock', false, 'h' + i]);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Other block shortcuts
|
// Other block shortcuts
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -9,6 +10,7 @@ html {
|
|||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: $text;
|
font-family: $text;
|
||||||
font-size: $fs-m;
|
font-size: $fs-m;
|
||||||
@ -20,15 +22,3 @@ body {
|
|||||||
button {
|
button {
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
|
||||||
min-width: 100px;
|
|
||||||
td, th {
|
|
||||||
min-width: 10px;
|
|
||||||
padding: 4px 6px;
|
|
||||||
border: 1px solid #DDD;
|
|
||||||
}
|
|
||||||
td p, th p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
@ -66,9 +66,10 @@
|
|||||||
margin: $-m 0;
|
margin: $-m 0;
|
||||||
}
|
}
|
||||||
table {
|
table {
|
||||||
word-break: break-all;
|
|
||||||
word-break: break-word;
|
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
|
table-layout: fixed;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,3 +1,21 @@
|
|||||||
|
table {
|
||||||
|
min-width: 100px;
|
||||||
|
max-width: 100%;
|
||||||
|
thead {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
td, th {
|
||||||
|
min-width: 10px;
|
||||||
|
padding: 6px 8px;
|
||||||
|
border: 1px solid #DDD;
|
||||||
|
overflow: auto;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
td p, th p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
table.table {
|
table.table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -9,6 +27,7 @@ table.table {
|
|||||||
border: none;
|
border: none;
|
||||||
padding: $-xs $-xs;
|
padding: $-xs $-xs;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
th {
|
th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@ -18,14 +37,6 @@ table.table {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
|
||||||
max-width: 100%;
|
|
||||||
thead {
|
|
||||||
background-color: #F8F8F8;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
table.no-style {
|
table.no-style {
|
||||||
td {
|
td {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
Loading…
Reference in New Issue
Block a user