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

Added proper checkboxes to coalition toggles.

Browse Source
This commit is contained in:
PeekabooSteam 2023-03-10 13:30:09 +00:00
parent 37e212686b
commit 7e6c9606eb
4 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/public/images/icons/square-check-regular.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M211.8 339.8C200.9 350.7 183.1 350.7 172.2 339.8L108.2 275.8C97.27 264.9 97.27 247.1 108.2 236.2C119.1 225.3 136.9 225.3 147.8 236.2L192 280.4L300.2 172.2C311.1 161.3 328.9 161.3 339.8 172.2C350.7 183.1 350.7 200.9 339.8 211.8L211.8 339.8zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80H64C55.16 80 48 87.16 48 96z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 733 B

1
client/public/images/icons/square-check-solid.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 496 B

1
client/public/images/icons/square-regular.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM384 80H64C55.16 80 48 87.16 48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 497 B

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

@ -353,12 +353,22 @@ nav.ol-panel> :last-child {
}
.ol-panel .ol-group-button-toggle button {
align-items: center;
background-image: url("/themes/olympus/images/check_square.svg");
background-position: 5px 50%;
background-repeat: no-repeat;
border: 0;
text-indent: 15px;
display:flex;
justify-items: left;
text-indent: 5px;
}
.ol-panel .ol-group-button-toggle button::before {
background-image: url("/images/icons/square-check-solid.svg");
background-repeat: no-repeat;
content: "";
filter: invert(100%);
-webkit-filter: invert(100%);
height:16px;
width:16px;
}
@ -618,10 +628,10 @@ body[data-hide-naval] #unit-visibility-control-naval {
}
[data-hide-blue] #coalition-visibility-control #coalition-visibility-control-blue,
[data-hide-red] #coalition-visibility-control #coalition-visibility-control-red,
[data-hide-neutral] #coalition-visibility-control #coalition-visibility-control-neutral {
background-image: none;
[data-hide-blue] #coalition-visibility-control #coalition-visibility-control-blue::before,
[data-hide-red] #coalition-visibility-control #coalition-visibility-control-red::before,
[data-hide-neutral] #coalition-visibility-control #coalition-visibility-control-neutral::before {
background-image: url("/images/icons/square-regular.svg");
}
.toggle {