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

Merge branch 'v0.1.0' of https://github.com/Pax1601/DCSOlympus into v0.1.0

Browse Source
This commit is contained in:
dpassoni 2023-03-06 17:45:56 +01:00
commit 0fa29284c8
3 changed files with 69 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -89,22 +89,27 @@ button[disabled="disabled"] {
.ol-select .ol-select-value {
align-content: center;
background-color: var( --background-grey );
border-radius: var( --border-radius-sm );
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
cursor:pointer;
display:flex;
justify-content: left;
padding:1em;
position: relative;
text-align: center;
}
.ol-select:not( .ol-select-image ) .ol-select-value {
background-color: var( --background-grey );
border-radius: var( --border-radius-sm );
padding:1em;
width:100%;
}
.ol-select .ol-select-value:before {
.ol-select:not( .ol-select-image ) .ol-select-value:before {
content: "[ ]";
margin-right: 10px;
}
.ol-select .ol-select-value:after {
.ol-select:not( .ol-select-image ) .ol-select-value:after {
content: "[V]";
margin-left:10px;
}
@ -116,6 +121,10 @@ button[disabled="disabled"] {
translate:0 -2px;
}
.ol-select.ol-select-image .ol-select-options {
position:absolute;
}
.ol-select.is-open .ol-select-options {
max-height: fit-content;
@ -126,7 +135,7 @@ button[disabled="disabled"] {
background-color: var( --background-grey );
display:flex;
justify-content: left;
padding:6px 30px;
padding:6px 25px;
width:100%;
}
@ -142,9 +151,10 @@ button[disabled="disabled"] {
padding-bottom:16px;
}
.ol-select .ol-select-options div.hr {
border-bottom:1px solid #FFFFFF2E;
margin:8px;
.ol-select .ol-select-options div hr {
background-color: white;
height:1px;
width:100%;
}
.ol-select .ol-select-options div button {

25
client/views/navbar.ejs
View File

@ -1,9 +1,30 @@
<nav id="primary-toolbar" class="ol-panel">
<div id="app-icon">
<div id="options" class="ol-select-value icon">
<div id="app-icon" class="ol-select ol-select-image">
<div class="ol-select-value icon">
<img src="images/icon.png" class="main-logo" />
</div>
<div class="ol-select-options">
<div id="olympus-toolbar-summary">
<h2>Olympus</h2>
<p>v0.1.0</p>
</div>
<div>
<hr />
</div>
<div>
<button>Preferences</button>
</div>
<div>
<button>Help and support</button>
</div>
<div>
<hr />
</div>
<div>
<button>Exit Olympus</button>
</div>
</div>
</div>
<div id="map-type" class="ol-select">

27
client/views/uikit.ejs
View File

@ -1551,6 +1551,33 @@
</div>
<div class="content">
<div class="content-header">ol select</div>
<div class="content-body">
<div class="example">
<div class="ol-select ol-select-image">
<div class="ol-select-value icon">
<img src="/images/icon.png" class="main-logo" />
</div>
<div class="ol-select-options">
<div>
<button>Option 1</button>
</div>
<div>
<hr />
</div>
<div>
<button>Option 2</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>