toolshed/coopcloud.tech
toolshed/coopcloud.tech
1
0
Fork 2
Code Issues 1 Pull Requests Projects Releases Activity

fix: smaller gap on mobile caused by incorrect column sizing on mobile

Browse Source
This commit is contained in:
Roxie Gibson 2021-11-09 09:02:04 +00:00
parent cad7558b34
commit 3f8aaccb80
Signed by untrusted user: roxxers
GPG Key ID: 5D0140EDEE123F4D
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
themes/coopcloud.tech/assets/scss/main.scss
View File

@ -185,6 +185,15 @@ footer .separator {
padding: 0 10px; padding: 0 10px;
} }
@media all and (max-width: 768px) {
.is-full-mobile{
width: 99%
}
// .columns {
// width: 99%
// }
}
// Do not show server image when using mobile viewport // Do not show server image when using mobile viewport
// Is a little bigger than the actual mobile viewport in bulma due to the text overlapping with the server icon // Is a little bigger than the actual mobile viewport in bulma due to the text overlapping with the server icon
@media all and (min-width: 769px) { @media all and (min-width: 769px) {

2
themes/coopcloud.tech/layouts/partials/index/underline_points.html
View File

@ -11,7 +11,7 @@
{{ if gt $index 0 }} {{ if gt $index 0 }}
<hr /> <hr />
{{ end }} {{ end }}
<div class="columns is-variable is-8"> <div class="columns is-variable is-8-tablet">
<div <div
class="column is-4-tablet is-one-third-desktop is-one-quarter-widescreen is-full-mobile" class="column is-4-tablet is-one-third-desktop is-one-quarter-widescreen is-full-mobile"
> >