Skip to content

Y
ygopro-images-generator
Commit 29d818b3 authored by Jingqin Lynn's avatar Jingqin Lynn
Browse files
Options

Move "+" for level editor to the left. 

Hide +/- at maximum/mininum levels respectively.
parent 231fc59f
Hide whitespace changes
Inline Side-by-side
Showing with 30 additions and 6 deletions
style.css
View file @ 29d818b3
...@@ -92,24 +92,48 @@ ...@@ -92,24 +92,48 @@
.level[data-level="11"]{width: 275px} .level[data-level="11"]{width: 275px}
.level[data-level="12"]{width: 300px} .level[data-level="12"]{width: 300px}
.level.editable:hover::before, .level.editable::before,
.level.editable:hover::after { .level.editable::after {
position: relative;
width: 25px; width: 25px;
height: 100%; height: 100%;
left: -25px;
display: inline-block; display: inline-block;
font-size: 25px; font-size: 25px;
line-height: 25px; line-height: 25px;
text-align: center; text-align: center;
background: rgba(200, 200, 200, 0.3); background: rgba(200, 200, 200, 0.3);
opacity: 0;
}
.level.editable::before {
position: absolute;
display: block;
content: "+"; content: "+";
width: 25px;
height: inherit;
right: 0%;
left: auto;
padding-right: 325px;
background-clip: content-box;
} }
.level.editable:hover::after { .level.editable::after {
position: relative;
content: "-"; content: "-";
width: 25px;
left: 100%; left: 100%;
margin-left: -25px; }
.level.editable:hover::before,
.level.editable:hover::after {
opacity: 1;
}
.level.editable[data-level="12"]::before {
opacity: 0;
}
.level.editable[data-level="1"]::after {
opacity: 0;
} }
[contenteditable]:active, [contenteditable]:active,
......
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