projects
/
salamandradevs.site
/
.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
5064567
)
Aside fijado, con scroll, dimensiones modificadas
author
VladImpaler
<fake@email.com>
Sun, 16 Apr 2023 19:07:34 +0000
(13:07 -0600)
committer
VladImpaler
<fake@email.com>
Sun, 16 Apr 2023 19:07:34 +0000
(13:07 -0600)
themes/droda/assets/css/main.css
patch
|
blob
|
history
diff --git
a/themes/droda/assets/css/main.css
b/themes/droda/assets/css/main.css
index 1576bc9fda73731a80a22fc0661f101d0ba6f8c6..7d0af972d5ee58dd4a22732a793db672b26fc558 100644
(file)
--- a/
themes/droda/assets/css/main.css
+++ b/
themes/droda/assets/css/main.css
@@
-22,6
+22,7
@@
--bgColorMidDark: #353b43;
--bgColorLightDark: #4f5864;
--bgColorLight: #D2D2D2;
--bgColorMidDark: #353b43;
--bgColorLightDark: #4f5864;
--bgColorLight: #D2D2D2;
+ --bgColorBlue: #007fce;
--globalScale: 1;
}
--globalScale: 1;
}
@@
-78,17
+79,28
@@
body {
height: 100%;
}
height: 100%;
}
+::-webkit-scrollbar {
+ width: 0.35rem;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: var(--bgColorBlue);
+}
+
aside {
aside {
- position:
absolute
;
- inset: 0
50
%;
+ position:
fixed
;
+ inset: 0
65
%;
grid-area: aside;
display: none;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: flex-start;
grid-area: aside;
display: none;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: flex-start;
- width: 50%;
- padding: 0 1rem;
+ width: 35%;
+ height: 80%;
+ margin-top: 5rem;
+ padding: 2rem 1rem;
background-color: var(--bgColorDark);
background-color: var(--bgColorDark);
+ overflow: auto;
}
aside .item {
}
aside .item {
@@
-267,7
+279,7
@@
footer {
}
body {
}
body {
- grid-template-columns: 1
1
rem 1fr;
+ grid-template-columns: 1
3
rem 1fr;
grid-template-areas: /* Tabletas se muestra el aside */
"navbar navbar"
"aside main"
grid-template-areas: /* Tabletas se muestra el aside */
"navbar navbar"
"aside main"
@@
-282,7
+294,10
@@
footer {
display: flex;
position: relative;
width: 100%;
display: flex;
position: relative;
width: 100%;
+ height: 100%;
+ margin-top: 0;
inset: 0;
inset: 0;
+ overflow-x: hidden;
}
nav button, aside li a {
}
nav button, aside li a {