aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2024-01-29 19:37:21 +0100
committer0neGal <mail@0negal.com>2024-01-29 19:37:21 +0100
commit9cdcc1ed92e6ec9a536c912f15409f2b77b559da (patch)
tree09a9dec4b2e5a54034b2f6eb32153d290abf2e9b
parentbd36343fd6f419a6a504ea536cbd3813771e3004 (diff)
downloadViper-9cdcc1ed92e6ec9a536c912f15409f2b77b559da.tar.gz
Viper-9cdcc1ed92e6ec9a536c912f15409f2b77b559da.zip
many changes to release notes and mods pages
Scrollbar is globally different, the release notes and mods page now look more alike, having adjusted some padding, added some backgrounds and a few other things.
-rw-r--r--src/app/css/launcher.css16
-rw-r--r--src/app/css/theming.css5
-rw-r--r--src/app/main.css3
3 files changed, 18 insertions, 6 deletions
diff --git a/src/app/css/launcher.css b/src/app/css/launcher.css
index e165c58..38c62ac 100644
--- a/src/app/css/launcher.css
+++ b/src/app/css/launcher.css
@@ -153,11 +153,17 @@
.section .release-block {
margin-top: 0px;
- border-radius: 5px;
background: var(--bg);
padding: var(--padding);
backdrop-filter: blur(15px);
margin-bottom: var(--padding);
+ border-radius: calc(var(--padding) / 3);
+}
+
+.section .release-block {
+ backdrop-filter: none;
+ margin: var(--padding);
+ background: var(--selbg);
}
.section .release-block p:nth-child(1) {
@@ -252,7 +258,10 @@
height: 80vh;
margin-top: 35px;
overflow-y: scroll;
+ background: var(--bg);
flex-direction: column;
+ backdrop-filter: blur(15px);
+ border-radius: calc(var(--padding) / 3);
}
.inline * {
@@ -305,11 +314,12 @@ code {
}
#modsdiv {
- height: 80vh;
overflow-y: scroll;
- border-radius: 5px;
background: var(--bg);
backdrop-filter: blur(15px);
+ padding: calc(var(--padding) / 2);
+ height: calc(80vh - var(--padding));
+ border-radius: calc(var(--padding) / 3);
}
#modsdiv .mod {
diff --git a/src/app/css/theming.css b/src/app/css/theming.css
index d16f455..d5a3d4d 100644
--- a/src/app/css/theming.css
+++ b/src/app/css/theming.css
@@ -51,7 +51,7 @@ input:disabled {
}
::-webkit-scrollbar {
- width: 8px !important;
+ width: 18px !important;
}
::-webkit-scrollbar-track {
@@ -60,8 +60,9 @@ input:disabled {
}
::-webkit-scrollbar-thumb {
+ border: 5px solid transparent;
border-radius: 10px !important;
- background: rgb(var(--red)) !important;
+ box-shadow: rgb(var(--red)) 0px 0px 10px 10px inset;
}
::selection {
diff --git a/src/app/main.css b/src/app/main.css
index 9225c54..213df64 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -29,7 +29,8 @@ button {
button:hover {filter: brightness(110%)}
button:active {filter: brightness(90%)}
-.popup, #modsdiv, .release-block {
+.popup, #modsdiv, #modsdiv .el,
+.release-block, #nsRelease, #vpReleaseNotes {
outline: 1px solid #444444;
border: 3px solid var(--bg) inset;
}