네비게이션 상단바 이동, 가로 스크롤 고정.
This commit is contained in:
62
SchemaEditor/Components/Pages/Editor.razor.css
Normal file
62
SchemaEditor/Components/Pages/Editor.razor.css
Normal file
@@ -0,0 +1,62 @@
|
||||
.editor-page {
|
||||
overflow-x: hidden;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
:global(article.content) {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.table-scroll {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.table-scroll table {
|
||||
min-width: 100%;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.table-scroll th,
|
||||
.table-scroll td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.preview-scroll {
|
||||
max-height: 600px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.result-scroll {
|
||||
max-height: 560px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.row-index-cell {
|
||||
min-width: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.sticky-col {
|
||||
position: sticky;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.sticky-header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 3;
|
||||
background: #f8f9fa;
|
||||
}
|
||||
|
||||
.sticky-col-header {
|
||||
position: sticky;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 4;
|
||||
background: #f8f9fa;
|
||||
}
|
||||
Reference in New Issue
Block a user