Add a confirmation modal: (#2279)

- Deleting a toot
- Muting, blocking someone
- Clearing notifications

Remove source map generation from development environment, as it is a huge
performance sink hole with little gains
This commit is contained in:
Eugen
2017-04-23 04:39:50 +02:00
committed by GitHub
parent df46864b39
commit 59b1de0bcf
10 changed files with 166 additions and 25 deletions

View File

@ -2773,7 +2773,7 @@ button.icon-button.active i.fa-retweet {
margin-left: 10px;
}
.boost-modal {
.boost-modal, .confirmation-modal {
background: lighten($color2, 8%);
color: $color1;
border-radius: 8px;
@ -2808,7 +2808,7 @@ button.icon-button.active i.fa-retweet {
}
}
.boost-modal__action-bar {
.boost-modal__action-bar, .confirmation-modal__action-bar {
display: flex;
background: $color2;
padding: 10px;
@ -2835,6 +2835,38 @@ button.icon-button.active i.fa-retweet {
font-size: 14px;
}
.confirmation-modal {
max-width: 380px;
}
.confirmation-modal__action-bar {
& > div {
text-align: left;
padding: 0 16px;
}
a {
color: darken($color2, 34%);
text-decoration: none;
font-size: 14px;
font-weight: 500;
&:hover, &:focus, &:active {
color: darken($color2, 38%);
}
}
}
.confirmation-modal__container {
padding: 30px;
font-size: 16px;
text-align: center;
strong {
font-weight: 500;
}
}
.loading-bar {
background-color: $color4;
height: 3px;