Use css classes instead of ids

This commit is contained in:
Ophir LOJKINE 2019-03-20 18:00:22 +01:00
parent d28d16ad9a
commit 23d9690aad
2 changed files with 5 additions and 5 deletions

View file

@ -53,12 +53,12 @@ html, body, svg {
font-size:1vw;
}
#menu ul {
#menu .tools {
list-style-type:none;
padding:0;
}
#menu li {
#menu .tool {
text-overflow: ellipsis;
white-space: nowrap;
list-style-position:inside;
@ -70,12 +70,12 @@ html, body, svg {
cursor:pointer;
}
#menu li:hover {
#menu .tool:hover {
color:black;
transition-duration:0.5s;
}
#menu li.curTool {
#menu .tool.curTool {
box-shadow: 0 0 2px white;
background-color:rgb(255, 66, 66);
text-shadow: 0px 0px 3px white;

View file

@ -30,7 +30,7 @@
<div id="menuItems">
<h3 data-translation="waiting">Tools</h3>
<ul id="tools">
<ul id="tools" class="tools">
<li class="tool"><span class="tool-icon"></span><span class="tool-name" data-translation="waiting">Tool template</span></li>
</ul>