2020-04-17 00:50:23 +02:00
|
|
|
|
.main {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
align-items: start;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
padding: 2.5%;
|
|
|
|
|
|
|
|
|
|
&Nav {
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
padding: $border-radius;
|
|
|
|
|
width: 17%;
|
|
|
|
|
margin-right: 40px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&Page {
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
padding: $border-radius-b;
|
|
|
|
|
width: calc(83% - 40px);
|
|
|
|
|
align-self: stretch;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.filesWithEditor {
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-areas: "filterFiles fileTitle" "files codeEditor" "filesActions editorActions";
|
2020-04-27 22:29:45 +02:00
|
|
|
|
grid-gap: 25px;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
height: 100%;
|
2020-04-22 19:53:41 +02:00
|
|
|
|
max-height: 100%;
|
|
|
|
|
min-height: 10%;
|
|
|
|
|
grid-template-rows: 30px auto 30px;
|
2020-07-05 18:04:54 +02:00
|
|
|
|
grid-template-columns: 28% auto;
|
2020-04-23 16:23:56 +02:00
|
|
|
|
width: 100%;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
|
|
|
|
|
& .filterFiles {
|
|
|
|
|
grid-area: filterFiles
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
& .fileTitle {
|
2020-04-27 22:29:45 +02:00
|
|
|
|
grid-area: fileTitle;
|
|
|
|
|
|
|
|
|
|
& .field, & .control {
|
|
|
|
|
height: 100%
|
|
|
|
|
}
|
2020-04-22 00:25:21 +02:00
|
|
|
|
}
|
2020-04-17 00:50:23 +02:00
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
|
& .files {
|
|
|
|
|
grid-area: files;
|
2020-04-22 19:53:41 +02:00
|
|
|
|
display: block;
|
|
|
|
|
min-height: 10%;
|
2020-04-23 01:32:20 +02:00
|
|
|
|
padding: 4% 0;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
|
2020-04-23 01:32:20 +02:00
|
|
|
|
&List {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: stretch;
|
|
|
|
|
height: 100%;
|
|
|
|
|
min-height: 10%;
|
2020-07-05 18:04:54 +02:00
|
|
|
|
width: auto;
|
|
|
|
|
padding: 4% 7% 4% 8%;
|
2020-04-23 01:32:20 +02:00
|
|
|
|
overflow-y: auto;
|
2020-07-05 18:04:54 +02:00
|
|
|
|
margin-right: 4%
|
2020-04-23 01:32:20 +02:00
|
|
|
|
}
|
2020-04-17 00:50:23 +02:00
|
|
|
|
}
|
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
|
& .codeEditor {
|
2020-04-22 19:53:41 +02:00
|
|
|
|
grid-area: codeEditor;
|
2020-04-23 01:32:20 +02:00
|
|
|
|
min-height: 0;
|
|
|
|
|
height: 100%;
|
2020-04-24 00:18:16 +02:00
|
|
|
|
/*overflow-x: auto;*/
|
|
|
|
|
position: relative;
|
2020-04-25 00:13:52 +02:00
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
2020-04-23 01:32:20 +02:00
|
|
|
|
|
|
|
|
|
& .editor {
|
|
|
|
|
height: 100%;
|
2020-04-23 16:23:56 +02:00
|
|
|
|
margin: 0;
|
|
|
|
|
width: 100%;
|
2020-04-22 19:53:41 +02:00
|
|
|
|
}
|
2020-04-17 00:50:23 +02:00
|
|
|
|
}
|
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
|
& .filesActions {
|
|
|
|
|
grid-area: filesActions
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
& .editorActions {
|
|
|
|
|
grid-area: editorActions
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-23 01:32:20 +02:00
|
|
|
|
.menu-list > li > .neoFile {
|
|
|
|
|
margin-bottom: 4%
|
2020-04-17 00:50:23 +02:00
|
|
|
|
}
|
2020-07-01 19:36:22 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.confFile {
|
|
|
|
|
padding: 4% 6%;
|
|
|
|
|
margin-bottom: 3%;
|
2020-07-05 18:04:54 +02:00
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
2020-07-03 00:37:23 +02:00
|
|
|
|
}
|
2020-07-01 19:36:22 +02:00
|
|
|
|
|
2020-07-03 00:37:23 +02:00
|
|
|
|
.stripe {
|
|
|
|
|
display: flex;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: 300%;
|
|
|
|
|
background: radial-gradient(90% 90%, $background-light, $background-dark)
|
|
|
|
|
}
|