Mirrored_Repos/wabbajack
1
0
Fork 0
mirror of https://github.com/wabbajack-tools/wabbajack.git synced 2024-08-30 18:42:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove unnecessary styling from Configure stylesheet.

Browse Source
This commit is contained in:
Unnoen 2022-01-18 03:50:47 +11:00
parent d7172c540f
commit e6d49b2414
No known key found for this signature in database
GPG Key ID: 8F8E42252BA20553
3 changed files with 84 additions and 177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
Wabbajack.App.Blazor/Pages/Configure.razor.css
View File

@ -90,50 +90,6 @@
flex-direction: column;
margin-left: 2rem;
}
#content .settings .options .option {
position: relative;
display: block;
margin: 0.25rem;
padding-left: 2rem;
cursor: pointer;
user-select: none;
}
#content .settings .options .option:hover input ~ .checkmark {
background-color: darkgrey;
}
#content .settings .options .option input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
#content .settings .options .option input:checked ~ .checkmark {
background-color: #5E437F;
}
#content .settings .options .option input:checked ~ .checkmark:after {
display: block;
left: calc(0.5 * 0.75rem);
top: calc(0.25 * 0.75rem);
width: calc(0.25 * 0.75rem);
height: calc(0.65 * 0.75rem);
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
#content .settings .options .option .checkmark {
position: absolute;
top: 0;
left: 0;
height: calc(1.5 * 0.75rem);
width: calc(1.5 * 0.75rem);
background-color: rgba(255, 255, 255, 0.2);
}
#content .settings .options .option .checkmark:after {
content: "";
position: absolute;
display: none;
}
#content .settings .install {
display: flex;
flex-direction: column;

2
Wabbajack.App.Blazor/Pages/Configure.razor.css.map
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../Shared/Globals.scss","Configure.razor.scss"],"names":[],"mappings":"AAAC;EACC;EACA;;AAGF;EACE;EACA;;ACWF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACE;;AACA;EACI;;AAGN;EACI;EACA;EACA;EACA;EACA;EACA;;AAGN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGE;EAlEN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAgEI;EACE;EACA;EACA;;AAEA;EA5EN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAuEQ;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,kBAvGkB;;AA0GpB;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,kBDzGG;;AC2GH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA,kBAxIY;;AA0IZ;EACE;EACA;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA","file":"Configure.razor.css"}
{"version":3,"sourceRoot":"","sources":["../Shared/Globals.scss","Configure.razor.scss"],"names":[],"mappings":"AAAC;EACC;EACA;;AAGF;EACE;EACA;;ACWF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGI;EApEZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAkEQ;EACI;EACA;EACA;;AAEA;EA9EZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAyEgB;;AAKZ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA","file":"Configure.razor.css"}

215
Wabbajack.App.Blazor/Pages/Configure.razor.scss
View File

@ -6,48 +6,50 @@ $checkbox-background-checked: $accent-color;
$checkbox-size: 0.75rem;
@mixin path-span {
display: block;
height: 2rem;
padding: 0.25rem;
margin: 0.25rem;
white-space: pre;
cursor: pointer;
text-overflow: ellipsis;
overflow: hidden;
display: block;
height: 2rem;
padding: 0.25rem;
margin: 0.25rem;
white-space: pre;
cursor: pointer;
text-overflow: ellipsis;
overflow: hidden;
}
#content {
display: flex;
height: 100%;
align-content: center;
justify-content: space-around;
align-items: center;
color: white;
flex-direction: column;
.install-background {
position: absolute;
width: calc(100% - #{$sidebar-width});
height: calc(100% - #{$header-height});
filter: blur(25px) brightness(50%);
z-index: -1;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.list {
display: flex;
flex: 1;
overflow: hidden;
align-items: center;
.left-side, .right-side {
flex: 1;
}
}
height: 100%;
align-content: center;
justify-content: space-around;
align-items: center;
color: white;
flex-direction: column;
.install-background {
position: absolute;
width: calc(100% - #{$sidebar-width});
height: calc(100% - #{$header-height});
filter: blur(25px) brightness(50%);
z-index: -1;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.list {
display: flex;
flex: 1;
overflow: hidden;
align-items: center;
.left-side, .right-side {
flex: 1;
}
}
.logger-container {
height: 200px;
width: 100%;
@ -57,107 +59,56 @@ $checkbox-size: 0.75rem;
border: solid 1px black;
}
.settings {
font-size: 0.85rem;
display: flex;
align-items: center;
width: 100%;
padding: 1rem;
backdrop-filter: brightness(0.5);
.settings {
font-size: 0.85rem;
display: flex;
align-items: center;
width: 100%;
padding: 1rem;
backdrop-filter: brightness(0.5);
.locations {
display: flex;
flex-direction: row;
flex: 1;
overflow: hidden;
.locations {
display: flex;
flex-direction: row;
flex: 1;
overflow: hidden;
.labels {
span {
@include path-span;
}
}
.paths {
flex: 1;
margin-left: 1rem;
overflow: hidden;
span {
@include path-span;
border: solid 1px rgba(255, 255, 255, 0.3);
}
}
}
.options {
display: flex;
flex-flow: row wrap;
flex-direction: column;
margin-left: 2rem;
.option {
position: relative;
display: block;
margin: 0.25rem;
padding-left: 2rem;
cursor: pointer;
user-select: none;
&:hover input ~ .checkmark {
background-color: $checkbox-background-hover;
}
input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
&:checked ~ .checkmark {
background-color: $checkbox-background-checked;
&:after {
display: block;
left: calc(0.5 * #{$checkbox-size});
top: calc(0.25 * #{$checkbox-size});
width: calc(0.25 * #{$checkbox-size});
height: calc(0.65 * #{$checkbox-size});
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
.labels {
span {
@include path-span;
}
}
.paths {
flex: 1;
margin-left: 1rem;
overflow: hidden;
span {
@include path-span;
border: solid 1px rgba(255, 255, 255, 0.3);
}
}
}
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: calc(1.5 * #{$checkbox-size});
width: calc(1.5 * #{$checkbox-size});
background-color: $checkbox-background;
&:after {
content: "";
position: absolute;
display: none;
}
.options {
display: flex;
flex-flow: row wrap;
flex-direction: column;
margin-left: 2rem;
}
}
}
.install {
display: flex;
flex-direction: column;
align-items: center;
margin: 0.5rem;
cursor: pointer;
.install {
display: flex;
flex-direction: column;
align-items: center;
margin: 0.5rem;
cursor: pointer;
img {
width: 5rem;
height: 5rem;
}
img {
width: 5rem;
height: 5rem;
}
}
}
}
}