Merge pull request #5140 from aymenBox/patch-1

Remove code redundancy
This commit is contained in:
Ylian Saint-Hilaire 2023-05-25 10:16:37 -07:00 committed by GitHub
commit dc6c815cec
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18367 additions and 18399 deletions

View File

@ -1533,9 +1533,8 @@ a {
opacity: 1; opacity: 1;
} }
.lb1 { /*groups all buttons repeated code into one block*/
background: url(../images/leftbar-64.png) -1px -2px; .lbtg{
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px; height: 62px;
width: 62px; width: 62px;
cursor: pointer; cursor: pointer;
@ -1544,65 +1543,34 @@ a {
top: 6px; top: 6px;
left: 6px; left: 6px;
} }
.lb1 {
background: url(../images/leftbar-64.png) -1px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
}
.lb2 { .lb2 {
background: url(../images/leftbar-64.png) -66px -2px; background: url(../images/leftbar-64.png) -66px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x); background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
} }
.lb3 { .lb3 {
background: url(../images/leftbar-64.png) -130px -2px; background: url(../images/leftbar-64.png) -130px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x); background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
} }
.lb4 { .lb4 {
background: url(../images/leftbar-64.png) -194px -2px; background: url(../images/leftbar-64.png) -194px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x); background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
} }
.lb5 { .lb5 {
background: url(../images/leftbar-64.png) -257px -2px; background: url(../images/leftbar-64.png) -257px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x); background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
} }
.lb6 { .lb6 {
background: url(../images/leftbar-64.png) -318px -2px; background: url(../images/leftbar-64.png) -318px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x); background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
} }
.m0 { .m0 {

View File

@ -162,22 +162,22 @@
<div id="page_leftbar"> <div id="page_leftbar">
<div style="height:16px"></div> <div style="height:16px"></div>
<div id=LeftMenuMyDevices tabindex=0 class="lbbutton lbbuttonsel" title="My Devices" onclick=go(1,event) onkeypress="if (event.key=='Enter') { go(1); }"> <div id=LeftMenuMyDevices tabindex=0 class="lbbutton lbbuttonsel" title="My Devices" onclick=go(1,event) onkeypress="if (event.key=='Enter') { go(1); }">
<div class="lb2"></div> <div class="lb2 lbtng"></div>
</div> </div>
<div id=LeftMenuMyAccount tabindex=0 class="lbbutton" title="My Account" onclick=go(2,event) onkeypress="if (event.key=='Enter') { go(2); }"> <div id=LeftMenuMyAccount tabindex=0 class="lbbutton" title="My Account" onclick=go(2,event) onkeypress="if (event.key=='Enter') { go(2); }">
<div class="lb1"></div> <div class="lb1 lbtng"></div>
</div> </div>
<div id=LeftMenuMyEvents tabindex=0 class="lbbutton" title="My Events" onclick=go(3,event) onkeypress="if (event.key=='Enter') { go(3); }"> <div id=LeftMenuMyEvents tabindex=0 class="lbbutton" title="My Events" onclick=go(3,event) onkeypress="if (event.key=='Enter') { go(3); }">
<div class="lb3"></div> <div class="lb3 lbtng"></div>
</div> </div>
<div id=LeftMenuMyFiles tabindex=0 class="lbbutton" style="display:none" title="My Files" onclick=go(5,event) onkeypress="if (event.key=='Enter') { go(5); }"> <div id=LeftMenuMyFiles tabindex=0 class="lbbutton" style="display:none" title="My Files" onclick=go(5,event) onkeypress="if (event.key=='Enter') { go(5); }">
<div class="lb4"></div> <div class="lb4 lbtng"></div>
</div> </div>
<div id=LeftMenuMyUsers tabindex=0 class="lbbutton" style="display:none" title="My Users" onclick=go(4,event) onkeypress="if (event.key=='Enter') { go(4); }"> <div id=LeftMenuMyUsers tabindex=0 class="lbbutton" style="display:none" title="My Users" onclick=go(4,event) onkeypress="if (event.key=='Enter') { go(4); }">
<div class="lb5"></div> <div class="lb5 lbtng"></div>
</div> </div>
<div id=LeftMenuMyServer tabindex=0 class="lbbutton" style="display:none" title="My Server" onclick=go(6,event) onkeypress="if (event.key=='Enter') { go(6); }"> <div id=LeftMenuMyServer tabindex=0 class="lbbutton" style="display:none" title="My Server" onclick=go(6,event) onkeypress="if (event.key=='Enter') { go(6); }">
<div class="lb6"></div> <div class="lb6 lbtng"></div>
</div> </div>
</div> </div>
<div id=topbar class=noselect> <div id=topbar class=noselect>