Commit 6231ee53 authored by Michał 'rysiek' Woźniak's avatar Michał 'rysiek' Woźniak
Browse files

styling a lightbox

parent d477d0f9
......@@ -60,6 +60,7 @@
/* dropdown styling */
.marka {
color:black !important;
position:relative;
cursor: pointer;
border-bottom:1px dotted black;
......@@ -80,3 +81,30 @@
.marka > .marka-dropdown > .marka-result {
padding:0.1em;
}
/* lightbox styling */
#marka-currency-lightbox {
position:fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
background:rgba(0, 0, 0, 0.2);
display:flex;
align-items:center;
justify-items:center;
}
#marka-currency-lightbox > div {
padding:1em;
background:white;
border-radius:0.2em;
box-shadow:2px 2px 5px black;
}
#marka-currency-lightbox #marka-currency-select {
padding:0.2em;
font-size:120%;
color:black;
}
\ No newline at end of file
......@@ -25,6 +25,15 @@ function Marka(target) {
} else {
this.target = target;
}
// lightbox
/*
*/
var lightbox = '<div id="marka-currency-lightbox"><div><select id="marka-currency-select">'
for (cur in currencies_supported()) {
lightbox += '<option value="' + + '">' + + '</option>'
}
lightbox += '</select></div></div>'
this.match();
this.doConversions();
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment