Eidam/bigredbutton
1
0
Fork 0
mirror of https://github.com/MrEidam/bigredbutton.git synced 2026-04-17 15:43:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Icons for the menu, fixed the centration for the (i)

Browse Source
This commit is contained in:
MrEidam
2024-09-10 20:42:16 +02:00
parent f7ada9e64e
commit e02b0bdbc0
10 changed files with 73 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
css/menu.css
View File

@@ -28,6 +28,7 @@
.button.expand{
width: 100%;
}
.fas{
position: relative;
display: flex;
@@ -47,12 +48,13 @@ ul{
list-style: none;
position: absolute;
top: 65px;
display: block;
display: flex;
flex-direction: row;
background: #1b1b1b;
width: 100%;
text-align: center;
border-radius: 5px;
display: none;
border-radius: 10px;
/*display: none;*/
box-shadow: 0 3px 6px rgba(0,0,0,.3);
padding-inline-start: 0px;
}
@@ -70,13 +72,14 @@ ul:before{
ul li{
line-height: 35px;
cursor: pointer;
border-bottom: 1px solid rgba(255,255,255,.1);
border-right: 1px solid rgba(255,255,255,.1);
width: 25%;
}
ul li:hover:first-child{
border-radius: 5px 5px 0 0;
border-radius: 10px 0 0 10px;
}
ul li:hover:last-child{
border-radius: 0 0 5px 5px;
border-radius: 0 10px 10px 0;
}
ul li:hover{
box-shadow: inset 0 0 5px #33ff33,
@@ -86,14 +89,20 @@ ul li:last-child{
border-bottom: none;
}
ul li a{
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
width: 74px;
height: 74px;
color: #fff;
padding: 8px 0;
font-size: 18px;
fill: #fff;
text-decoration: none;
}
ul li:hover a{
ul li a svg{
width: 50%;
height: 50%;
color: #fff;
}
ul li:hover a svg{
color: #44dd44;
}