Fix room thumbnail camera bounds

This commit is contained in:
Bill 2022-08-08 23:54:20 -04:00
parent b084ba6210
commit 9ea0ffd6db

View File

@ -5,10 +5,10 @@
background-color: $grid-bg-color; background-color: $grid-bg-color;
&.active { &.active {
border-color: $grid-active-border-color !important; border-color: $grid-active-border-color !important;
&:not(.clear-bg) { &:not(.clear-bg) {
background-color: $grid-active-bg-color !important; background-color: $grid-active-bg-color !important;
} }
} }
@ -53,7 +53,7 @@
position: absolute; position: absolute;
width: 110px; width: 110px;
height: 110px; height: 110px;
margin-top: 38px; margin-top: 30px;
margin-left: 3px; margin-left: 3px;
} }
} }
@ -110,8 +110,7 @@
.gift-incognito { .gift-incognito {
width: 37px; width: 37px;
height: 48px; height: 48px;
background: url("../assets/images/gift/incognito.png") center background: url("../assets/images/gift/incognito.png") center no-repeat;
no-repeat;
} }
.gift-avatar { .gift-avatar {
@ -168,23 +167,27 @@
} }
@-webkit-keyframes sk-bouncedelay { @-webkit-keyframes sk-bouncedelay {
0%, 0%,
80%, 80%,
100% { 100% {
-webkit-transform: scale(0); -webkit-transform: scale(0);
} }
40% { 40% {
-webkit-transform: scale(1); -webkit-transform: scale(1);
} }
} }
@keyframes sk-bouncedelay { @keyframes sk-bouncedelay {
0%, 0%,
80%, 80%,
100% { 100% {
-webkit-transform: scale(0); -webkit-transform: scale(0);
transform: scale(0); transform: scale(0);
} }
40% { 40% {
-webkit-transform: scale(1); -webkit-transform: scale(1);
transform: scale(1); transform: scale(1);
@ -195,8 +198,7 @@
position: relative; position: relative;
width: 110px; width: 110px;
height: 110px; height: 110px;
background: url("../assets/images/navigator/thumbnail_placeholder.png") background: url("../assets/images/navigator/thumbnail_placeholder.png") no-repeat center;
no-repeat center;
background-color: rgba($black, 0.125); background-color: rgba($black, 0.125);
} }
@ -375,15 +377,13 @@
content: ""; content: "";
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url("../assets/images/unique/grid-bg-glass.png") center background: url("../assets/images/unique/grid-bg-glass.png") center no-repeat;
no-repeat;
bottom: 0; bottom: 0;
z-index: 4; z-index: 4;
} }
&.sold-out:after { &.sold-out:after {
background: url("../assets/images/unique/grid-bg-sold-out.png") center background: url("../assets/images/unique/grid-bg-sold-out.png") center no-repeat,
no-repeat,
url("../assets/images/unique/grid-bg-glass.png") center no-repeat; url("../assets/images/unique/grid-bg-glass.png") center no-repeat;
} }
@ -395,8 +395,7 @@
bottom: 1px; bottom: 1px;
width: 100%; width: 100%;
height: 9px; height: 9px;
background: url("../assets/images/unique/grid-count-bg.png") center background: url("../assets/images/unique/grid-count-bg.png") center no-repeat;
no-repeat;
z-index: 3; z-index: 3;
} }
} }
@ -438,8 +437,7 @@
.unique-complete-plate { .unique-complete-plate {
width: 170px; width: 170px;
height: 29px; height: 29px;
background: url("../assets/images/unique/catalog-info-amount-bg.png") background: url("../assets/images/unique/catalog-info-amount-bg.png") no-repeat center;
no-repeat center;
z-index: 1; z-index: 1;
padding-top: 3px; padding-top: 3px;
@ -535,12 +533,10 @@
z-index: 1; z-index: 1;
transition: all 1s; transition: all 1s;
border-radius: calc(#{$border-radius} / 2); border-radius: calc(#{$border-radius} / 2);
background: repeating-linear-gradient( background: repeating-linear-gradient($tertiary,
$tertiary, $tertiary 50%,
$tertiary 50%, $quaternary 50%,
$quaternary 50%, $quaternary 100%);
$quaternary 100%
);
} }
.nitro-progress-bar-text { .nitro-progress-bar-text {