zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-24 17:22:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

fixes for height, adjust resize handle

Browse source
This commit is contained in:
Kyle Drake 2024-03-27 21:58:23 -05:00
parent efd61fb885
commit 862ae1fc93
2 changed files with 31 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
sass/_project-sass/_project-Main.scss
View file

@ -2147,8 +2147,8 @@ a.tag:hover {
.row.editor { .row.editor {
display: flex; display: flex;
height: calc(100vh - 105px);
} }
.header-Outro.with-columns.press .col { .header-Outro.with-columns.press .col {
padding: 25px 40px 15px 40px; padding: 25px 40px 15px 40px;
} }
@ -2269,11 +2269,36 @@ pre, code {
} }
/* Width and background of the scrollbar */
::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
/* Background of the scrollbar track */
::-webkit-scrollbar-track {
background-color: #1d1f21;
}
/* Style of the scrollbar thumb (the part you drag) */
::-webkit-scrollbar-thumb {
background-color: #CCC;
border-radius: 6px;
}
/* Style of the scrollbar thumb when hovering */
::-webkit-scrollbar-thumb:hover {
background-color: #B5B5B5;
}
/* Style of the scrollbar corner */
::-webkit-scrollbar-corner {
background-color: #F5F5F5;
}
.left-col { .left-col {
padding: 1rem; padding: 1rem;
overflow-y: scroll; overflow-y: scroll;
height: 90vh;
} }
.right-col { .right-col {
@ -2289,8 +2314,8 @@ pre, code {
line-height: 1.5em; line-height: 1.5em;
.chat-box { .chat-box {
height: calc(100vh - 180px);
overflow-y: scroll; overflow-y: scroll;
height: calc(90vh - 60px);
padding: 10px; padding: 10px;
background-color: #1d1f21; background-color: #1d1f21;
font-weight: 300; font-weight: 300;
@ -2390,7 +2415,7 @@ pre, code {
.resize-handle { .resize-handle {
position: absolute; position: absolute;
left: -5px; /* Adjust based on handle width to center it on the border */ left: -1px; /* Adjust based on handle width to center it on the border */
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
width: 10px; /* Handle width */ width: 10px; /* Handle width */

2
views/site_files/text_editor.erb
View file

@ -108,6 +108,8 @@
<script src="/js/sse.min.js"></script> <script src="/js/sse.min.js"></script>
<script src="/js/chat.js"></script> <script src="/js/chat.js"></script>
<div class="row editor"> <div class="row editor">
<div class="col left-col" style="width: 66%;"> <div class="col left-col" style="width: 66%;">
<div id="editor"><h3>Loading...</h3></div> <div id="editor"><h3>Loading...</h3></div>