weyne/DCSOlympus
1
0
Fork 0
mirror of https://github.com/Pax1601/DCSOlympus.git synced 2025-10-29 16:56:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed vertical scroll on icon menu.

Browse Source
This commit is contained in:
PeekabooSteam 2023-03-12 18:57:04 +00:00
parent 212c1344f2
commit 1120c8c237
2 changed files with 29 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
client/public/stylesheets/contextmenu.css
View File

@ -64,7 +64,6 @@
#contextmenu>div:nth-child(n+3){
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
row-gap: 5px;
@ -76,6 +75,12 @@
align-self: stretch;
}
#aircraft-spawn-menu .ol-select.is-open .ol-select-options {
max-height: 300px;
}
#aircraft-spawn-menu>button,
#ground-unit-spawn-menu>button {
width: 100%;
@ -111,39 +116,39 @@
border-bottom-right-radius: var(--border-radius-sm);
}
[data-active-coalition=blue].toggle-fill,
[data-active-coalition=blue].unit-spawn-button:hover,
[data-active-coalition=blue].unit-spawn-button.is-open,
[data-active-coalition=blue]#active-coalition-label,
[data-active-coalition=blue].deploy-unit-button
[data-active-coalition="blue"].toggle-fill,
[data-active-coalition="blue"].unit-spawn-button:hover,
[data-active-coalition="blue"].unit-spawn-button.is-open,
[data-active-coalition="blue"]#active-coalition-label,
[data-active-coalition="blue"].deploy-unit-button
{
background-color: var(--primary-blue)
}
[data-active-coalition=red].toggle-fill,
[data-active-coalition=red].unit-spawn-button:hover,
[data-active-coalition=red].unit-spawn-button.is-open,
[data-active-coalition=red]#active-coalition-label,
[data-active-coalition=red].deploy-unit-button
[data-active-coalition="red"].toggle-fill,
[data-active-coalition="red"].unit-spawn-button:hover,
[data-active-coalition="red"].unit-spawn-button.is-open,
[data-active-coalition="red"]#active-coalition-label,
[data-active-coalition="red"].deploy-unit-button
{
background-color: var(--primary-red)
}
[data-active-coalition=blue].deploy-unit-button:disabled {
[data-active-coalition="blue"].deploy-unit-button:disabled {
background-color: transparent;
border: 1px solid var(--primary-blue);
cursor: default;
}
[data-active-coalition=red].deploy-unit-button:disabled {
[data-active-coalition="red"].deploy-unit-button:disabled {
background-color: transparent;
border: 1px solid var(--primary-red);
cursor: default;
}
[data-active-coalition=blue]#active-coalition-label::after {
[data-active-coalition="blue"]#active-coalition-label::after {
content: "Create blue unit";
}
[data-active-coalition=red]#active-coalition-label::after {
[data-active-coalition="red"]#active-coalition-label::after {
content: "Create red unit";
}
@ -194,10 +199,10 @@
content: "";
}
[data-smoke-color=red]::before{ background-color: red; }
[data-smoke-color=white]::before{ background-color: white; }
[data-smoke-color=blue]::before{ background-color: blue; }
[data-smoke-color=green]::before{ background-color: green; }
[data-smoke-color=orange]::before{ background-color: orange; }
[data-smoke-color="red"]::before{ background-color: red; }
[data-smoke-color="white"]::before{ background-color: white; }
[data-smoke-color="blue"]::before{ background-color: blue; }
[data-smoke-color="green"]::before{ background-color: green; }
[data-smoke-color="orange"]::before{ background-color: orange; }

6
client/public/stylesheets/olympus.css
View File

@ -156,15 +156,17 @@ button[disabled="disabled"] {
}
.ol-select.is-open>.ol-select-options {
.ol-select.is-open > .ol-select-options {
max-height: fit-content;
overflow: visible;
overflow-y: auto;
padding: 8px 0;
max-height: 300px;
min-width: 100%;
}
.ol-select>.ol-select-options>div {
background-color: var(--background-grey);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);