883a71ce8e
The external shares entry showed a "button" that, when pressed, replaced the button with the input to set the remote share address. The "button" was actually a label for the input, so when the label was focused it transferred the focus to the input and thus pressing enter or space did not show the input. Moreover, inputs inside links are not valid HTML, and once shown there was no way to hide the input again. Due to all this, and for consistency with the direct link input, the external share input was moved to a different menu item that is shown and hidden when the button, which nows is also a real button, is clicked. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
91 lines
1.6 KiB
SCSS
91 lines
1.6 KiB
SCSS
$footer-height: 65px;
|
|
|
|
#body-public {
|
|
.header-right {
|
|
|
|
#header-primary-action a {
|
|
color: var(--color-primary-text);
|
|
}
|
|
|
|
#header-secondary-action {
|
|
ul li {
|
|
min-width: 270px;
|
|
}
|
|
#header-actions-toggle {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
#external-share-menu-item {
|
|
form {
|
|
display: flex;
|
|
}
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
#save-button-confirm {
|
|
flex-grow: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#content {
|
|
// 100% - footer
|
|
min-height: calc(100% - #{$footer-height});
|
|
|
|
}
|
|
|
|
/** don't apply content header padding on the base layout */
|
|
&.layout-base #content {
|
|
padding-top: 0;
|
|
}
|
|
|
|
/* force layout to make sure the content element's height matches its contents' height */
|
|
.ie #content {
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
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;
|
|
}
|
|
p.info, form fieldset legend,
|
|
#datadirContent label,
|
|
form fieldset .warning-info,
|
|
form input[type='checkbox']+label {
|
|
text-align: center;
|
|
}
|
|
|
|
/* public footer */
|
|
footer {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: $footer-height;
|
|
flex-direction: column;
|
|
p {
|
|
text-align: center;
|
|
color: var(--color-text-lighter);
|
|
a {
|
|
color: var(--color-text-lighter);
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
/* increasing clickability to more than the text height */
|
|
padding: 10px;
|
|
margin: -10px;
|
|
line-height: 200%;
|
|
}
|
|
}
|
|
}
|
|
}
|