Fix upload button visible on read-only folders

The div that contains the elements related to the creation of new files,
and thus the upload button, is always present in the DOM; it is hidden
or shown based on the folder permissions by adding or removing the
"hidden" CSS class. However, as the other CSS classes for the div are
"actions" and "creatable" and a "display: flex" rule was defined for
".actions.creatable" below the "display: none" rule for
".actions.hidden" the last one took precedence and the div ended being
always visible, even if the "hidden" CSS class was set. Now the rules
for the ".actions.hidden" selector are defined below the rules for the
".actions.creatable" selector and thus the "display: none" rule is
applied as expected.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
This commit is contained in:
Daniel Calviño Sánchez 2018-02-16 12:00:07 +01:00
parent d7e5a660ca
commit 14abe6a9e0
1 changed files with 4 additions and 1 deletions

View File

@ -16,7 +16,6 @@
.actions .button a:active { .actions .button a:active {
color: #333; color: #333;
} }
.actions.hidden { display: none; }
.actions.creatable { .actions.creatable {
position: relative; position: relative;
@ -27,6 +26,10 @@
} }
} }
.actions.hidden {
display: none;
}
#trash { #trash {
margin-right: 8px; margin-right: 8px;
float: right; float: right;