passman/sass/toastify.scss
binsky efea5803fc add toastify css for nextcloud github instances
Signed-off-by: binsky <timo@binsky.org>
2021-08-23 15:38:36 +02:00

89 lines
2.4 KiB
SCSS

/**
* Replace productive toastify lib for Nextcloud github installations
*/
.toastify.dialogs {
min-width: 200px;
background: none;
background-color: var(--color-main-background);
color: var(--color-main-text);
box-shadow: 0 0 6px 0 var(--color-box-shadow);
padding: 12px;
padding-right: 34px;
margin-top: 45px;
position: fixed;
z-index: 10100;
border-radius: var(--border-radius)
}
.toastify.dialogs .toast-undo-button,
.toastify.dialogs .toast-close {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
box-sizing: border-box;
min-width: 44px;
height: 100%;
padding: 12px;
white-space: nowrap;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
min-height: 0
}
.toastify.dialogs .toast-undo-button.toast-close,
.toastify.dialogs .toast-close.toast-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+CiAgPHBhdGggZD0iTTE0IDEyLjNMMTIuMyAxNCA4IDkuNyAzLjcgMTQgMiAxMi4zIDYuMyA4IDIgMy43IDMuNyAyIDggNi4zIDEyLjMgMiAxNCAzLjcgOS43IDh6Ii8+Cjwvc3ZnPgo=);
text-indent: 200%;
opacity: .4
}
.toastify.dialogs .toast-undo-button.toast-undo-button,
.toastify.dialogs .toast-close.toast-undo-button {
margin: 3px;
height: calc(100% - 2 * 3px)
}
.toastify.dialogs .toast-undo-button:hover,
.toastify.dialogs .toast-undo-button:focus,
.toastify.dialogs .toast-undo-button:active,
.toastify.dialogs .toast-close:hover,
.toastify.dialogs .toast-close:focus,
.toastify.dialogs .toast-close:active {
cursor: pointer;
opacity: 1
}
.toastify.dialogs.toastify-top {
right: 10px
}
.toastify.dialogs.toast-with-click {
cursor: pointer
}
.toastify.dialogs.toast-error {
border-left: 3px solid var(--color-error)
}
.toastify.dialogs.toast-info {
border-left: 3px solid var(--color-primary)
}
.toastify.dialogs.toast-warning {
border-left: 3px solid var(--color-warning)
}
.toastify.dialogs.toast-success {
border-left: 3px solid var(--color-success)
}
.toastify.dialogs.toast-undo {
border-left: 3px solid var(--color-success)
}
.theme--dark .toastify.dialogs .toast-close.toast-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+CiAgPHBhdGggZD0iTTE0IDEyLjNMMTIuMyAxNCA4IDkuNyAzLjcgMTQgMiAxMi4zIDYuMyA4IDIgMy43IDMuNyAyIDggNi4zIDEyLjMgMiAxNCAzLjcgOS43IDh6IiBzdHlsZT0iZmlsbC1vcGFjaXR5OjE7ZmlsbDojZmZmZmZmIi8+Cjwvc3ZnPgo=)
}