Fixing scrollbar showing up again when notify box is mroe than one line
This commit is contained in:
parent
1cfa040f7b
commit
53410bea40
|
@ -3,6 +3,8 @@
|
||||||
--var-border-radius: 5px;
|
--var-border-radius: 5px;
|
||||||
--var-message-color: #f4f4f4;
|
--var-message-color: #f4f4f4;
|
||||||
--var-contrast-color: #1bf7ec;
|
--var-contrast-color: #1bf7ec;
|
||||||
|
--var-max-height: 98vh;
|
||||||
|
--var-max-width: 98vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
@ -16,7 +18,7 @@ dt {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
height: 100vh;
|
height: var(--var-max-height);
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -39,8 +41,11 @@ span.svmsg {
|
||||||
}
|
}
|
||||||
|
|
||||||
.root {
|
.root {
|
||||||
width: 100vw;
|
max-width: var(--var-max-width);
|
||||||
height: 100vh;
|
max-height: var(--var-max-height);
|
||||||
|
height: var(--var-max-height);
|
||||||
|
width: var(--var-max-width);
|
||||||
|
margin: 0px 1vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pretty-button {
|
.pretty-button {
|
||||||
|
@ -106,8 +111,11 @@ span.svmsg {
|
||||||
}
|
}
|
||||||
|
|
||||||
#chatwindow {
|
#chatwindow {
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: auto 1fr;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100vh;
|
padding-top: 1vh;
|
||||||
|
max-height: calc(var(--var-max-height) - 1vh);
|
||||||
}
|
}
|
||||||
|
|
||||||
#hidden {
|
#hidden {
|
||||||
|
@ -129,7 +137,6 @@ span.svmsg {
|
||||||
#optionBox,
|
#optionBox,
|
||||||
#notifyBox {
|
#notifyBox {
|
||||||
color: var(--var-contrast-color);
|
color: var(--var-contrast-color);
|
||||||
padding: 10px;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -104,8 +104,6 @@ function updateSuggestionCss(m) {
|
||||||
|
|
||||||
function setNotifyBox(msg = "") {
|
function setNotifyBox(msg = "") {
|
||||||
$("#notifyBox").html(msg);
|
$("#notifyBox").html(msg);
|
||||||
$("#notifyBox").hide();
|
|
||||||
$("#notifyBox").show();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Button Wrapper Functions
|
// Button Wrapper Functions
|
||||||
|
|
Loading…
Reference in New Issue