Fix New UX related bugs for Alerts, BucketList and Abort Upload modal (#5694)

- Center text on Alert component appearing on top
- Change "Upload" to "Continue" on New UX Abort Upload modal
- Fix issue where long bucket names were overflowing instead of
continuing on the next line
- Fix word wrap issue similar to the last one for the alerts that appear
on top
- Help fix the cluttering issue on #5690 as the right margin has been
increased in alerts

Fixes #5689, #5691 and #5695
This commit is contained in:
Kaan Kabalak
2018-03-22 23:49:27 -07:00
committed by Nitish Tiwari
parent 17409517ec
commit 3805a055ab
3 changed files with 7 additions and 4 deletions

View File

@@ -88,10 +88,11 @@
}
.buckets__item {
padding: 0.8rem @sidebar-padding 0.8rem @sidebar-padding*2.2;
padding: 0.8rem @sidebar-padding*1.2 0.8rem @sidebar-padding*2.2;
background: url(../../img/icons/bucket.svg) no-repeat left 2.2rem center;
position: relative;
cursor: pointer;
word-wrap: break-word;
& > a {
&, &:focus, &:hover {