Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-07-20 01:55:09 +00:00
Code Issues Projects Releases Wiki Activity

don’t render close button in inline mode

Browse source
This commit is contained in:
Artur Paikin 2019-03-13 17:16:24 +03:00
parent 30466c4d28
commit 933bd77658
2 changed files with 13 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

18
packages/@uppy/dashboard/src/components/Dashboard.js
View file

@ -53,13 +53,17 @@ module.exports = function Dashboard (props) {
width: props.inline && props.width ? props.width : '',
height: props.inline && props.height ? props.height : ''
}}>
<button class="uppy-Dashboard-close"
type="button"
aria-label={props.i18n('closeModal')}
title={props.i18n('closeModal')}
onclick={props.closeModal}>
<span aria-hidden="true">&times;</span>
</button>
{!props.inline
? <button class="uppy-u-reset uppy-Dashboard-close"
type="button"
aria-label={props.i18n('closeModal')}
title={props.i18n('closeModal')}
onclick={props.closeModal}>
<span aria-hidden="true">&times;</span>
</button>
: null
}
<div class="uppy-Dashboard-innerWrap">
{ (!noFiles && props.showSelectedFiles) && <PanelTopBar {...props} /> }

9
packages/@uppy/dashboard/src/style.scss
View file

@ -162,25 +162,20 @@
}
.uppy-Dashboard-close {
@include reset-button;
display: none;
display: block;
position: absolute;
top: -33px;
right: -2px;
cursor: pointer;
color: rgba($color-white, 0.9);
font-size: 27px;
z-index: $zIndex-5;
@media #{$screen-medium} {
font-size: 35px;
top: -10px;
right: -35px;
}
.uppy-Dashboard--modal & {
z-index: $zIndex-5;
display: block;
}
}
.uppy-DashboarAddFiles {