mirror of
https://github.com/nextcloud/server.git
synced 2026-02-03 20:41:22 -05:00
Merge pull request #55415 from nextcloud/fix/issue-legal-footer
fix: legal footer on public page
This commit is contained in:
commit
4185dfb599
6 changed files with 41 additions and 45 deletions
|
|
@ -1,4 +1,4 @@
|
|||
/*!
|
||||
* SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-or-later
|
||||
*/#body-public{--footer-height: calc(2lh + 2 * var(--default-grid-baseline))}#body-public .header-end #header-primary-action a{color:var(--color-primary-element-text)}#body-public .header-end #header-secondary-action ul li{min-width:270px}#body-public .header-end #header-secondary-action #header-actions-toggle{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);filter:var(--background-invert-if-dark)}#body-public .header-end #header-secondary-action #header-actions-toggle:hover,#body-public .header-end #header-secondary-action #header-actions-toggle:focus,#body-public .header-end #header-secondary-action #header-actions-toggle:active{opacity:1}#body-public .header-end #header-secondary-action #external-share-menu-item form{display:flex}#body-public .header-end #header-secondary-action #external-share-menu-item .hidden{display:none}#body-public .header-end #header-secondary-action #external-share-menu-item #save-button-confirm{flex-grow:0}#body-public #content{min-height:var(--body-height, calc(100% - var(--footer-height)));padding-block-end:var(--footer-height)}#body-public #app-content-vue{padding-block-end:var(--footer-height)}#body-public.layout-base #content{padding-top:0}#body-public p.info{margin:20px auto;text-shadow:0 0 2px rgba(0,0,0,.4);-moz-user-select:none;-ms-user-select:none;user-select:none}#body-public p.info,#body-public form fieldset legend,#body-public #datadirContent label,#body-public form fieldset .warning-info,#body-public form input[type=checkbox]+label{text-align:center}#body-public footer{position:fixed;bottom:var(--body-container-margin);background-color:var(--color-main-background);border-radius:var(--body-container-radius);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 2*var(--body-container-margin));margin-inline:var(--body-container-margin);padding-block:var(--default-grid-baseline)}#body-public footer .footer__legal-links{margin-block-end:var(--default-grid-baseline)}#body-public footer p{text-align:center;color:var(--color-text-maxcontrast);margin-block:0 var(--default-grid-baseline);width:100%}#body-public footer p a{display:inline-block;font-size:var(--default-font-size);font-weight:bold;line-height:var(--default-line-height);height:var(--default-line-height);color:var(--color-text-maxcontrast);white-space:nowrap}/*# sourceMappingURL=public.css.map */
|
||||
*/#body-public{--footer-height: calc(2lh + 2 * var(--default-grid-baseline))}#body-public .header-end #header-primary-action a{color:var(--color-primary-element-text)}#body-public .header-end #header-secondary-action ul li{min-width:270px}#body-public .header-end #header-secondary-action #header-actions-toggle{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);filter:var(--background-invert-if-dark)}#body-public .header-end #header-secondary-action #header-actions-toggle:hover,#body-public .header-end #header-secondary-action #header-actions-toggle:focus,#body-public .header-end #header-secondary-action #header-actions-toggle:active{opacity:1}#body-public .header-end #header-secondary-action #external-share-menu-item form{display:flex}#body-public .header-end #header-secondary-action #external-share-menu-item .hidden{display:none}#body-public .header-end #header-secondary-action #external-share-menu-item #save-button-confirm{flex-grow:0}#body-public #content{min-height:var(--body-height, calc(100% - var(--footer-height)));padding-block-end:var(--footer-height)}#body-public #app-content-vue{padding-block-end:var(--footer-height)}#body-public.layout-base #content{padding-top:0}#body-public p.info{margin:20px auto;text-shadow:0 0 2px rgba(0,0,0,.4);-moz-user-select:none;-ms-user-select:none;user-select:none}#body-public p.info,#body-public form fieldset legend,#body-public #datadirContent label,#body-public form fieldset .warning-info,#body-public form input[type=checkbox]+label{text-align:center}#body-public footer{position:fixed;left:50%;bottom:var(--body-container-margin);transform:translateX(-50%);width:fit-content;max-width:90vw}#body-public footer.guest-box{--color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text));color:var(--color-main-text);background-color:var(--color-main-background-blur);padding:var(--default-grid-baseline) calc(3*var(--default-grid-baseline));border-radius:var(--border-radius-container);box-shadow:0 0 10px var(--color-box-shadow);-webkit-backdrop-filter:var(--filter-background-blur);backdrop-filter:var(--filter-background-blur)}#body-public footer.guest-box .info{text-shadow:none;margin:0}#body-public footer.guest-box .info .entity-name{font-weight:bold}#body-public footer.guest-box a.legal{font-size:smaller}/*# sourceMappingURL=public.css.map */
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["public.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAIA,aACC,8DAGC,kDACC,wCAIA,wDACC,gBAED,yEACC,+BACA,2BACA,wCAEA,8OAGC,UAID,iFACC,aAED,oFACC,aAED,iGACC,YAMJ,sBACC,iEACA,uCAGD,8BACC,uCAID,kCACC,cAGD,oBACC,iBACA,mCACA,sBACA,qBACA,iBAED,+KAIC,kBAID,oBACC,eACA,oCACA,8CACA,2CACA,sBAEA,aACA,sBACA,mBACA,uBAEA,kDACA,2CACA,2CAEA,yCACC,8CAGD,sBACC,kBACA,oCACA,4CACA,WAEA,wBACC,qBACA,mCACA,iBACA,uCACA,kCACA,oCACA","file":"public.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["public.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAIA,aACC,8DAGC,kDACC,wCAIA,wDACC,gBAED,yEACC,+BACA,2BACA,wCAEA,8OAGC,UAID,iFACC,aAED,oFACC,aAED,iGACC,YAMJ,sBACC,iEACA,uCAGD,8BACC,uCAID,kCACC,cAGD,oBACC,iBACA,mCACA,sBACA,qBACA,iBAED,+KAIC,kBAID,oBACC,eACA,SACA,oCACA,2BACA,kBACA,eAEA,8BAEC,gGACA,6BACA,mDACA,0EACA,6CACA,4CACA,sDACA,8CAEA,oCACC,iBACA,SAEA,iDACC,iBAIF,sCACC","file":"public.css"}
|
||||
|
|
@ -70,38 +70,34 @@
|
|||
/* public footer */
|
||||
footer {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: var(--body-container-margin);
|
||||
background-color: var(--color-main-background);
|
||||
border-radius: var(--body-container-radius);
|
||||
box-sizing: border-box;
|
||||
transform: translateX(-50%);
|
||||
width: fit-content;
|
||||
max-width: 90vw;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
&.guest-box {
|
||||
// Ensure the maxcontrast color is set for the background
|
||||
--color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text));
|
||||
color: var(--color-main-text);
|
||||
background-color: var(--color-main-background-blur);
|
||||
padding: var(--default-grid-baseline) calc(3 * var(--default-grid-baseline));
|
||||
border-radius: var(--border-radius-container);
|
||||
box-shadow: 0 0 10px var(--color-box-shadow);
|
||||
-webkit-backdrop-filter: var(--filter-background-blur);
|
||||
backdrop-filter: var(--filter-background-blur);
|
||||
|
||||
width: calc(100% - 2 * var(--body-container-margin));
|
||||
margin-inline: var(--body-container-margin);
|
||||
padding-block: var(--default-grid-baseline);
|
||||
.info {
|
||||
text-shadow: none;
|
||||
margin: 0;
|
||||
|
||||
.footer__legal-links {
|
||||
margin-block-end: var(--default-grid-baseline);
|
||||
}
|
||||
.entity-name {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: var(--color-text-maxcontrast);
|
||||
margin-block: 0 var(--default-grid-baseline);
|
||||
width: 100%;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
font-size: var(--default-font-size);
|
||||
font-weight: bold;
|
||||
line-height: var(--default-line-height);
|
||||
height: var(--default-line-height);
|
||||
color: var(--color-text-maxcontrast);
|
||||
white-space: nowrap;
|
||||
a.legal {
|
||||
font-size: smaller;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -93,20 +93,20 @@ p($theme->getTitle());
|
|||
<?php print_unescaped($_['content']); ?>
|
||||
</div>
|
||||
|
||||
<?php if (isset($template) && $template->getFooterVisible() && ($theme->getLongFooter() !== '' || $_['showSimpleSignUpLink'])) { ?>
|
||||
<footer>
|
||||
<p><?php print_unescaped($theme->getLongFooter()); ?></p>
|
||||
<?php
|
||||
if ($_['showSimpleSignUpLink']) {
|
||||
?>
|
||||
<p class="footer__simple-sign-up">
|
||||
<a href="<?php p($_['signUpLink']); ?>" target="_blank" rel="noreferrer noopener">
|
||||
<?php p($l->t('Get your own free account')); ?>
|
||||
</a>
|
||||
</p>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<?php if ((isset($template) && $template->getFooterVisible()) || $theme->getLongFooter() !== '' || $_['showSimpleSignUpLink']) { ?>
|
||||
<footer class="guest-box">
|
||||
<?php if ($theme->getLongFooter() !== '') { ?>
|
||||
<p class="info">
|
||||
<?php print_unescaped($theme->getLongFooter()); ?>
|
||||
</p>
|
||||
<?php } ?>
|
||||
<?php if ($_['showSimpleSignUpLink']) { ?>
|
||||
<p class="footer__simple-sign-up">
|
||||
<a href="<?php p($_['signUpLink']); ?>" target="_blank" rel="noreferrer noopener">
|
||||
<?php p($l->t('Get your own free account')); ?>
|
||||
</a>
|
||||
</p>
|
||||
<?php } ?>
|
||||
</footer>
|
||||
<?php } ?>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue