aboutsummaryrefslogtreecommitdiffstats
path: root/core/css/toast.css
diff options
context:
space:
mode:
authorJohn Molakvoæ <skjnldsv@protonmail.com>2022-05-04 09:56:50 +0200
committerJohn Molakvoæ <skjnldsv@protonmail.com>2022-05-13 16:13:00 +0200
commit73918b8af9626d445f8b58faed15b32dc195ce7f (patch)
tree6eefbb1d5cd1b793de6224d635dfbb40b3271fee /core/css/toast.css
parent3e29e0ad13b427b6ba4b62c7a35497e9a75de976 (diff)
downloadnextcloud-server-73918b8af9626d445f8b58faed15b32dc195ce7f.tar.gz
nextcloud-server-73918b8af9626d445f8b58faed15b32dc195ce7f.zip
Cleanup and compile
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css/toast.css')
-rw-r--r--core/css/toast.css111
1 files changed, 111 insertions, 0 deletions
diff --git a/core/css/toast.css b/core/css/toast.css
new file mode 100644
index 00000000000..d877cc299b7
--- /dev/null
+++ b/core/css/toast.css
@@ -0,0 +1,111 @@
+@charset "UTF-8";
+/**
+ * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com)
+ *
+ * @author John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/**
+ * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com)
+ *
+ * @author John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/**
+ * @see core/src/icons.js
+ */
+/**
+ * SVG COLOR API
+ *
+ * @param string $icon the icon filename
+ * @param string $dir the icon folder within /core/img if $core or app name
+ * @param string $color the desired color in hexadecimal
+ * @param int $version the version of the file
+ * @param bool [$core] search icon in core
+ *
+ * @returns A background image with the url to the set to the requested icon.
+ */
+.toastify.toast {
+ 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: 9000;
+ border-radius: var(--border-radius);
+}
+.toastify.toast .toast-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 38px;
+ opacity: 0.4;
+ padding: 12px;
+ /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */
+ background-image: var(--icon-close-dark);
+ background-position: center;
+ background-repeat: no-repeat;
+ text-indent: 200%;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.toastify.toast .toast-close:hover, .toastify.toast .toast-close:focus, .toastify.toast .toast-close:active {
+ cursor: pointer;
+ opacity: 1;
+}
+
+.toastify.toastify-top {
+ right: 10px;
+}
+
+.toast-error {
+ border-left: 3px solid var(--color-error);
+}
+
+.toast-info {
+ border-left: 3px solid var(--color-primary);
+}
+
+.toast-warning {
+ border-left: 3px solid var(--color-warning);
+}
+
+.toast-success {
+ border-left: 3px solid var(--color-success);
+}
+
+/*# sourceMappingURL=toast.css.map */