Merge pull request #10691 from nextcloud/various-beta14-design-fixes
Various beta14 design fixes
This commit is contained in:
commit
f7ae4771c8
|
@ -168,6 +168,7 @@
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
white-space: nowrap;
|
||||||
// can edit label
|
// can edit label
|
||||||
> .shareOption > label {
|
> .shareOption > label {
|
||||||
padding: 13px;
|
padding: 13px;
|
||||||
|
@ -196,12 +197,15 @@
|
||||||
}
|
}
|
||||||
.username {
|
.username {
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-autocomplete {
|
.ui-autocomplete {
|
||||||
/* limit dropdown height to 4 1/2 entries */
|
/* limit dropdown height to 4 1/2 entries */
|
||||||
max-height: 200px;
|
max-height: calc(36px * 4.5);;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
z-index: 1550 !important;
|
z-index: 1550 !important;
|
||||||
|
|
|
@ -26,6 +26,8 @@
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
|
height: 32px;
|
||||||
|
width: 32px;
|
||||||
}
|
}
|
||||||
form.uploadButton {
|
form.uploadButton {
|
||||||
width: 411px;
|
width: 411px;
|
||||||
|
|
|
@ -173,6 +173,7 @@
|
||||||
.ui-menu-item a {
|
.ui-menu-item a {
|
||||||
&.ui-state-focus, &.ui-state-active {
|
&.ui-state-focus, &.ui-state-active {
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
|
box-shadow: inset 4px 0 var(--color-primary);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -184,15 +185,25 @@
|
||||||
|
|
||||||
&.ui-corner-all {
|
&.ui-corner-all {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: var(--border-radius);
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: var(--border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
|
.ui-state-hover, .ui-widget-content .ui-state-hover,
|
||||||
|
.ui-widget-header .ui-state-hover,
|
||||||
|
.ui-state-focus,
|
||||||
|
.ui-widget-content .ui-state-focus,
|
||||||
|
.ui-widget-header .ui-state-focus {
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
color: var(--color-primary-element);
|
color: var(--color-primary-element);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui-menu-item {
|
||||||
|
a {
|
||||||
|
border-radius: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-button.primary {
|
.ui-button.primary {
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
$footer-height: 60px;
|
||||||
|
|
||||||
#body-public {
|
#body-public {
|
||||||
.header-right {
|
.header-right {
|
||||||
|
|
||||||
|
@ -36,8 +38,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
height: initial;
|
// 100% - footer
|
||||||
min-height: calc(100vh - 160px);
|
min-height: calc(100% - #{$footer-height});
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** don't apply content header padding on the base layout */
|
/** don't apply content header padding on the base layout */
|
||||||
|
@ -64,4 +67,22 @@
|
||||||
form input[type='checkbox']+label {
|
form input[type='checkbox']+label {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* public footer */
|
||||||
|
footer {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: $footer-height;
|
||||||
|
p {
|
||||||
|
color: var(--color-text-lighter);
|
||||||
|
a {
|
||||||
|
color: var(--color-text-lighter);
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 13px;
|
||||||
|
margin: -13px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1049,25 +1049,6 @@ div.crumb {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* public footer */
|
|
||||||
|
|
||||||
#body-public footer {
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
.info {
|
|
||||||
color: var(--color-text-lighter);
|
|
||||||
text-align: center;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 20px 0;
|
|
||||||
a {
|
|
||||||
color: var(--color-text-lighter);
|
|
||||||
font-weight: 600;
|
|
||||||
padding: 13px;
|
|
||||||
margin: -13px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* LEGACY FIX only - do not use fieldsets for settings */
|
/* LEGACY FIX only - do not use fieldsets for settings */
|
||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
|
|
|
@ -78,7 +78,7 @@
|
||||||
</div>
|
</div>
|
||||||
<?php if(isset($template) && $template->getFooterVisible()) { ?>
|
<?php if(isset($template) && $template->getFooterVisible()) { ?>
|
||||||
<footer>
|
<footer>
|
||||||
<p class="info"><?php print_unescaped($theme->getLongFooter()); ?></p>
|
<p><?php print_unescaped($theme->getLongFooter()); ?></p>
|
||||||
</footer>
|
</footer>
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue