Changed to scrollbar-gutter: stable

This commit is contained in:
Hirame1 2022-07-11 20:04:41 +07:00
parent 1bc4161e2e
commit 6cceeb0e29
5 changed files with 26 additions and 68 deletions

View File

@ -1,4 +1,5 @@
html {
overflow: hidden;
width: 100%;
height: 100%;
scrollbar-color: grey transparent;
@ -39,7 +40,7 @@ html {
/* css vars */
#ui {
overflow: overlay;
scrollbar-gutter: stable;
display: flex;
justify-content: center;
align-items: center;
@ -9464,6 +9465,29 @@ input.o-automator-block-input {
text-decoration: line-through;
}
.c-pelle-panel-title {
position: relative;
font-size: 3rem;
font-weight: bold;
color: var(--color-pelle--base);
}
.l-pelle-content-container {
display: flex;
flex-direction: column;
align-items: center;
}
.l-pelle-panel-container {
border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
border-radius: var(--var-border-radius, 0.5rem);
width: 98rem;
margin: 1rem;
padding: 1rem;
-webkit-user-select: none;
user-select: none;
}
.l-fill-container {
width: 100%;
height: 100%;

View File

@ -64,13 +64,6 @@ export default {
</template>
<style scoped>
.c-pelle-panel-title {
position: relative;
font-size: 3rem;
font-weight: bold;
color: var(--color-pelle--base);
}
.c-collapse-icon-clickable {
position: absolute;
top: 50%;
@ -79,21 +72,6 @@ export default {
cursor: pointer;
}
.l-pelle-panel-container {
border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
border-radius: var(--var-border-radius, 0.5rem);
margin: 1.6rem;
padding: 1rem;
-webkit-user-select: none;
user-select: none;
}
.l-pelle-content-container {
display: flex;
flex-direction: column;
align-items: center;
}
.c-pelle-bar-container {
display: flex;
flex-direction: column;

View File

@ -154,13 +154,6 @@ export default {
</template>
<style scoped>
.c-pelle-panel-title {
position: relative;
font-size: 3rem;
font-weight: bold;
color: var(--color-pelle--base);
}
.c-collapse-icon-clickable {
position: absolute;
top: 50%;
@ -169,21 +162,6 @@ export default {
cursor: pointer;
}
.l-pelle-panel-container {
border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
border-radius: var(--var-border-radius, 0.5rem);
margin: 1.6rem;
padding: 1rem;
-webkit-user-select: none;
user-select: none;
}
.l-pelle-content-container {
display: flex;
flex-direction: column;
align-items: center;
}
.c-generator-unlock-button {
width: 25rem;
height: 10rem;

View File

@ -102,7 +102,7 @@ export default {
display: flex;
flex-direction: column;
width: 100%;
align-items: stretch;
align-items: center;
}
.o-pelle-button {

View File

@ -136,13 +136,6 @@ export default {
</template>
<style scoped>
.c-pelle-panel-title {
position: relative;
font-size: 3rem;
font-weight: bold;
color: var(--color-pelle--base);
}
.c-collapse-icon-clickable {
position: absolute;
top: 50%;
@ -151,21 +144,6 @@ export default {
cursor: pointer;
}
.l-pelle-panel-container {
border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
border-radius: var(--var-border-radius, 0.5rem);
margin: 1.6rem;
padding: 1rem;
-webkit-user-select: none;
user-select: none;
}
.l-pelle-content-container {
display: flex;
flex-direction: column;
align-items: center;
}
.o-pelle-button {
font-family: Typewriter;
color: var(--color-text);