Fixed
-- outlet preview border box blocking access to buttons underneath
This commit is contained in:
sairaj mote 2021-04-09 17:04:39 +05:30
parent 311e377240
commit 3b09888736
3 changed files with 12 additions and 8 deletions

View File

@ -33,7 +33,7 @@ body[data-theme=dark] #outlet_switcher {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--text-color), 0.06)), to(rgba(var(--text-color), 0.06))), rgba(var(--foreground-color), 1);
background: linear-gradient(rgba(var(--text-color), 0.06), rgba(var(--text-color), 0.06)), rgba(var(--foreground-color), 1);
}
body[data-theme=dark] .outlet-preview {
body[data-theme=dark] .outlet-preview__info {
background-color: #0a0a0a;
}
@ -586,7 +586,6 @@ ul {
}
.outlet-preview {
background-color: #F3F3F3;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
@ -596,6 +595,8 @@ ul {
.outlet-preview__info {
padding: 1rem;
border-radius: 0.5rem;
background-color: #F3F3F3;
}
.outlet__title {
@ -613,8 +614,9 @@ ul {
position: absolute;
height: 100%;
width: 100%;
-webkit-box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 0.3) inset;
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 0.3) inset;
z-index: -1;
-webkit-box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 0.3);
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 0.3);
border-radius: 0.5rem;
}

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -30,7 +30,7 @@ body[data-theme='dark']{
#outlet_switcher{
background: linear-gradient(rgba(var(--text-color), 0.06), rgba(var(--text-color), 0.06)), rgba(var(--foreground-color), 1);
}
.outlet-preview{
.outlet-preview__info{
background-color: #0a0a0a;
}
}
@ -471,13 +471,14 @@ ul{
}
.outlet-preview{
background-color: #F3F3F3;
position: relative;
align-items: center;
display: grid;
}
.outlet-preview__info{
padding: 1rem;
border-radius: 0.5rem;
background-color: #F3F3F3;
}
.outlet__title{
font-weight: 700;
@ -492,7 +493,8 @@ ul{
position: absolute;
height: 100%;
width: 100%;
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 0.3) inset;
z-index: -1;
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 0.3);
border-radius: 0.5rem;
}
.outlet-preview__button{