improve mobile rendering of donations and footer (#75)
please check thoroughly. be caution noob work :) Co-authored-by: antilopa <antilopa@disroot.org> Reviewed-on: #75 Reviewed-by: meaz <meaz@no-reply@disroot.org> Co-authored-by: avg_joe <jh@disroot.org> Co-committed-by: avg_joe <jh@disroot.org>
This commit is contained in:
parent
41ef7068c3
commit
8527e6a677
|
@ -320,9 +320,16 @@ div#nav-logo {
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer #footer-links {
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
/* Icons */
|
/* Icons */
|
||||||
footer #footer-icons { display: none; }
|
footer #footer-icons { display: none; }
|
||||||
footer #footer-logo { display: none; }
|
footer #footer-logo { display: none; }
|
||||||
|
footer #footer-left { display: none; }
|
||||||
|
|
||||||
|
|
||||||
/* Go To Top Button */
|
/* Go To Top Button */
|
||||||
#go-top { margin-left: -22px; }
|
#go-top { margin-left: -22px; }
|
||||||
|
|
104
css/style.css
104
css/style.css
|
@ -936,14 +936,15 @@ img.transparent {
|
||||||
.goals-item {
|
.goals-item {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 28% !important;
|
width: 28% !important;
|
||||||
min-width: 200px;
|
min-width: 250px;
|
||||||
min-height: 180px;
|
max-width: 350px;
|
||||||
|
min-height: 250px;
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: 10px 10px 38px 0px rgba(0, 0, 0, 0.25);
|
box-shadow: 10px 10px 38px 0px rgba(0, 0, 0, 0.25);
|
||||||
margin: 2% !important;
|
margin: 2% !important;
|
||||||
color: #555;
|
color: #555;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
padding: 3%;
|
padding: 20px 3% 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goals-item-lock {
|
.goals-item-lock {
|
||||||
|
@ -956,7 +957,7 @@ img.transparent {
|
||||||
|
|
||||||
.goals .center {
|
.goals .center {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: -1em 0 3em;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goals .right {
|
.goals .right {
|
||||||
|
@ -1180,14 +1181,42 @@ footer {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer #footer-logo {
|
footer #footer-left {
|
||||||
height: 45px;
|
display:flex;
|
||||||
width: 15%;
|
width: 150px;
|
||||||
background: url("../images/d-white.png") no-repeat left center;
|
background: transparent;
|
||||||
background-size: 40px 40px;
|
align-items: center;
|
||||||
margin-left: 30px;
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer-logo {
|
||||||
|
background: url("../images/d-white.png") no-repeat center;
|
||||||
|
background-size: contain;
|
||||||
|
margin-bottom:0;
|
||||||
|
margin-left: 1dvw;
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
display: inline-block;
|
}
|
||||||
|
|
||||||
|
#footer-copyleft {
|
||||||
|
background: url("../images/by-sa.png") no-repeat center;
|
||||||
|
background-size: contain;
|
||||||
|
margin-bottom:0;
|
||||||
|
margin-left: 1dvw;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer-logo a {
|
||||||
|
display:flex;
|
||||||
|
width: 45px;
|
||||||
|
height: 45px;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer-copyleft a {
|
||||||
|
display:flex;
|
||||||
|
width: 120px;
|
||||||
|
height: 40px;
|
||||||
|
margin-bottom:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer .dot {
|
footer .dot {
|
||||||
|
@ -1201,26 +1230,45 @@ footer .dot {
|
||||||
|
|
||||||
footer #footer-links {
|
footer #footer-links {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 60%;
|
width: calc(100% - 300px);
|
||||||
}
|
}
|
||||||
|
|
||||||
footer ul.footer-links {
|
footer ul.footer-links {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: space-evenly;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-left: 0;
|
padding-left: 10%;
|
||||||
|
padding-right: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer ul.footer-icons {
|
footer #footer-icons {
|
||||||
display: flex;
|
width: 150px;
|
||||||
justify-content: end;
|
background: transparent;
|
||||||
margin-right: 30px;
|
text-align: center;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer ul.footer-icons-left {
|
||||||
|
display: inline-flex;
|
||||||
|
width:100%;
|
||||||
|
justify-content: left;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer ul.footer-icons-right{
|
||||||
|
display: inline-flex;
|
||||||
|
width:100%;
|
||||||
|
justify-content: right;
|
||||||
|
align-items: center;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer div#footer-links ul li {
|
footer div#footer-links ul li {
|
||||||
padding-left: 20px;
|
padding-left: 8px;
|
||||||
padding-right: 20px;
|
padding-right: 8px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-top: 13px;
|
padding-top: 13px;
|
||||||
}
|
}
|
||||||
|
@ -1232,24 +1280,18 @@ footer #footer-links a:hover {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer #footer-icons {
|
|
||||||
width: 25%;
|
|
||||||
background: transparent;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer #footer-icons ul li {
|
footer #footer-icons ul li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-right: 10px;
|
margin-right: 1dvw;;
|
||||||
padding-top: 10px;
|
text-align: center;
|
||||||
text-align: right;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer #footer-icons ul li .fa-fw {
|
footer #footer-icons ul li .fa-fw {
|
||||||
|
display: flex;
|
||||||
color: white;
|
color: white;
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
|
height: 45px;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer #footer-icons ul li .fa-fw:hover {
|
footer #footer-icons ul li .fa-fw:hover {
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
After Width: | Height: | Size: 17 KiB |
|
@ -1,24 +1,24 @@
|
||||||
en:
|
en:
|
||||||
Terms_Of_Service: "Terms Of Service"
|
Terms_Of_Service: "Terms Of Service"
|
||||||
Privacy_Policy: "Privacy Policy"
|
Privacy_Policy: "Privacy Policy"
|
||||||
Changelog: "Changelog"
|
Changelog: "Change­log"
|
||||||
|
|
||||||
fr:
|
fr:
|
||||||
Terms_Of_Service: "Conditions d'utilisation"
|
Terms_Of_Service: "Conditions d'utilisation"
|
||||||
Privacy_Policy: "Politique de confidentialité"
|
Privacy_Policy: "Politique de confidentialité"
|
||||||
Changelog: "Changelog"
|
Changelog: "Change­log"
|
||||||
|
|
||||||
es:
|
es:
|
||||||
Terms_Of_Service: "Al utilizar cualquiera"
|
Terms_Of_Service: "Al utilizar cualquiera"
|
||||||
Privacy_Policy: "Política de Privacidad"
|
Privacy_Policy: "Política de Privacidad"
|
||||||
Changelog: "Changelog"
|
Changelog: "Change­log"
|
||||||
|
|
||||||
de:
|
de:
|
||||||
Terms_Of_Service: "Nutzungs­bedingungen"
|
Terms_Of_Service: "Nutzungs­bedingungen"
|
||||||
Privacy_Policy: "Datenschutz­erklärung"
|
Privacy_Policy: "Datenschutz­erklärung"
|
||||||
Changelog: "Changelog"
|
Changelog: "Change­log"
|
||||||
|
|
||||||
it:
|
it:
|
||||||
Terms_Of_Service: "Utilizzando i servizi"
|
Terms_Of_Service: "Utilizzando i servizi"
|
||||||
Privacy_Policy: "Informativa sulla privacy"
|
Privacy_Policy: "Informativa sulla privacy"
|
||||||
Changelog: "Changelog"
|
Changelog: "Change­log"
|
||||||
|
|
|
@ -1,9 +1,14 @@
|
||||||
<footer>
|
<footer>
|
||||||
<div id="footer-logo" ><a href="{{ base_url }}/contact"></a></div>
|
<div id="footer-left" >
|
||||||
|
<ul class="footer-icons-left">
|
||||||
|
{#<div id="footer-logo"><a href="{{ base_url == '' ? '/#home' : base_url }}"></a></div>#}
|
||||||
|
<div id="footer-copyleft"><a href="https://git.disroot.org/Disroot/Website#license"></a></div>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
<div id="footer-links">
|
<div id="footer-links">
|
||||||
<ul class="footer-links">
|
<ul class="footer-links">
|
||||||
<li>Copyleft Disroot.org</li>
|
{#<li><a href="https://git.disroot.org/Disroot/Website#license">{{ 'Copyleft Disroot.org'|t }}</a></li>
|
||||||
<li><span class="dot"></span></li>
|
<li><span class="dot"></span></li>#}
|
||||||
<li><a href="{{ base_url }}/tos">{{ 'Terms_Of_Service'|t }}</a></li>
|
<li><a href="{{ base_url }}/tos">{{ 'Terms_Of_Service'|t }}</a></li>
|
||||||
<li><span class="dot"></span></li>
|
<li><span class="dot"></span></li>
|
||||||
<li><a href="{{ base_url }}/privacy_policy">{{ 'Privacy_Policy'|t }}</a></li>
|
<li><a href="{{ base_url }}/privacy_policy">{{ 'Privacy_Policy'|t }}</a></li>
|
||||||
|
@ -14,7 +19,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div id="footer-icons">
|
<div id="footer-icons">
|
||||||
<ul class="footer-icons">
|
<ul class="footer-icons-right">
|
||||||
<li><a href="https://nixnet.social/disroot"><i class="fa fa-mastodon fa-fw fa-3x"></i></a></li>
|
<li><a href="https://nixnet.social/disroot"><i class="fa fa-mastodon fa-fw fa-3x"></i></a></li>
|
||||||
<li><a href="{{ base_url }}/blog.atom"><i class="fa fa-rss-square fa-fw fa-3x"></i></a></li>
|
<li><a href="{{ base_url }}/blog.atom"><i class="fa fa-rss-square fa-fw fa-3x"></i></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
Loading…
Reference in New Issue