makary/grav-theme-future2021
1
0
Fork 0
mirror of https://github.com/pmoreno-rodriguez/grav-theme-future2021.git synced 2025-06-07 20:08:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fixed CSS to avoid content overflow

Browse source
This commit is contained in:
pmoreno.rodriguez 2023-07-20 22:17:15 +02:00
parent 99c3988595
commit ea1b64f3a9
5 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
assets/css/main.css
View file

@ -3059,7 +3059,7 @@ body {
max-width: 100%; max-width: 100%;
opacity: 1; opacity: 1;
padding: 4.5em; padding: 4.5em;
width: 90em; width: 100%;
} }
body.is-menu-visible #wrapper { body.is-menu-visible #wrapper {
opacity: 0.15; opacity: 0.15;
@ -3090,14 +3090,14 @@ body.single #wrapper {
flex-grow: 1; flex-grow: 1;
flex: 1; flex: 1;
-ms-flex: 1; -ms-flex: 1;
width: 100%; min-width: 70%;
} }
/* Sidebar */ /* Sidebar */
#sidebar { #sidebar {
margin-right: 3em; margin-right: 3em;
min-width: 22em; min-width: 20%;
width: 22em; width: 25%;
} }
#sidebar > * { #sidebar > * {
border-top: solid 1px rgba(160, 160, 160, 0.3); border-top: solid 1px rgba(160, 160, 160, 0.3);

2
assets/css/main.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
assets/sass/layout/_main.scss
View file

@ -10,5 +10,5 @@
@include vendor('flex-grow', '1'); @include vendor('flex-grow', '1');
flex: 1; flex: 1;
-ms-flex: 1; -ms-flex: 1;
width: 100%; min-width: 70%;
} }

4
assets/sass/layout/_sidebar.scss
View file

@ -8,8 +8,8 @@
#sidebar { #sidebar {
margin-right: _size(section-spacing); margin-right: _size(section-spacing);
min-width: 22em; min-width: 20%;
width: 22em; width: 25%;
> * { > * {
border-top: solid 1px _palette(border); border-top: solid 1px _palette(border);

2
assets/sass/layout/_wrapper.scss
View file

@ -14,7 +14,7 @@
max-width: 100%; max-width: 100%;
opacity: 1; opacity: 1;
padding: (_size(section-spacing) * 1.5); padding: (_size(section-spacing) * 1.5);
width: 90em; width: 100%;
body.is-menu-visible & { body.is-menu-visible & {
opacity: 0.15; opacity: 0.15;