mirror/librenms-librenms
1
0
Fork 0
mirror of https://github.com/librenms/librenms.git synced 2024-10-07 16:52:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tweak new notification appearance (#13477)

Browse Source
This commit is contained in:
Tony Murray
2021-11-05 22:20:00 -05:00
committed by GitHub
parent f23c5c0e7b
commit e7a26e8faf
5 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
html/css/app.css
View File

File diff suppressed because one or more lines are too long

4
html/js/boot.js
View File

@@ -30,7 +30,7 @@ $.ajaxSetup({
// toastr style to match php toasts
toastr.options = {
toastClass: 'tw-relative tw-pl-20 tw-py-4 tw-pr-2 tw-bg-white dark:tw-bg-dark-gray-300 tw-opacity-80 hover:tw-opacity-100 tw-rounded-md tw-shadow-lg hover:tw-shadow-xl tw-border-l-8 tw-mt-2 tw-cursor-pointer',
toastClass: 'tw-border-current tw-relative tw-pl-20 tw-py-4 tw-pr-2 tw-bg-white dark:tw-bg-dark-gray-300 tw-opacity-80 hover:tw-opacity-100 tw-rounded-md tw-shadow-lg hover:tw-shadow-xl tw-border-l-8 tw-border-t-0.5 tw-border-r-0.5 tw-border-b-0.5 tw-mt-2 tw-cursor-pointer',
titleClass: 'tw-text-xl tw-leading-7 tw-font-semibold tw-capitalize',
messageClass: 'tw-mt-1 tw-text-base tw-leading-5 tw-text-gray-500 dark:tw-text-white',
iconClasses: {
@@ -41,6 +41,6 @@ toastr.options = {
},
timeOut: 12000,
progressBar: true,
progressClass: 'toast-progress tw-h-1 tw-bg-current tw-absolute tw-bottom-0 tw-left-0',
progressClass: 'toast-progress tw-h-1 tw-bg-current tw-absolute tw-bottom-0 tw-left-0 tw-mr-0.5',
containerId: 'flasher-container-top-right'
};

4
html/mix-manifest.json
View File

@@ -2,10 +2,10 @@
"/js/app.js": "/js/app.js?id=f9dd05e6d476f489c33c",
"/js/manifest.js": "/js/manifest.js?id=8d61162bb0caf92f60ff",
"/css/vendor.css": "/css/vendor.css?id=8d7b2ecb46047fe813e4",
"/css/app.css": "/css/app.css?id=6a1f0821482cfcaa93b1",
"/css/app.css": "/css/app.css?id=4f966be7eb5693f68d0e",
"/js/vendor.js": "/js/vendor.js?id=b90d598798a7357bce8f",
"/js/lang/de.js": "/js/lang/de.js?id=1aedfce25e3daad3046a",
"/js/lang/en.js": "/js/lang/en.js?id=5d3b737deb1cc7818f2a",
"/js/lang/en.js": "/js/lang/en.js?id=53887c60e27dd28dbcfc",
"/js/lang/fr.js": "/js/lang/fr.js?id=a20c4c78eb5f9f4a374b",
"/js/lang/it.js": "/js/lang/it.js?id=4e3b200da489000822dd",
"/js/lang/ru.js": "/js/lang/ru.js?id=f6b7c078755312a0907c",

4
resources/views/layouts/flasher-notification.blade.php
View File

@@ -20,7 +20,7 @@ switch ($envelope->getType()) {
break;
}
?>
<div class="{{ $class }} {{ $color }} tw-border-current tw-flex tw-flex-col tw-justify-between tw-bg-white dark:tw-bg-dark-gray-300 tw-opacity-80 hover:tw-opacity-100 tw-rounded-md tw-shadow-lg hover:tw-shadow-xl tw-border-l-8 tw-mt-2 tw-cursor-pointer">
<div class="{{ $class }} {{ $color }} tw-border-current tw-flex tw-flex-col tw-justify-between tw-bg-white dark:tw-bg-dark-gray-300 tw-opacity-80 hover:tw-opacity-100 tw-rounded-md tw-shadow-lg hover:tw-shadow-xl tw-border-l-8 tw-border-t-0.5 tw-border-r-0.5 tw-border-b-0.5 tw-mt-2 tw-cursor-pointer">
<div class="tw-pl-20 tw-py-4 tw-pr-2 tw-overflow-hidden">
@if($title)
<div class="tw-text-xl tw-leading-7 tw-font-semibold tw-capitalize">
@@ -31,7 +31,7 @@ switch ($envelope->getType()) {
{!! clean(stripslashes($envelope->getMessage()), 'notifications') !!}
</div>
</div>
<div class="tw-h-1 tw-flex tw-mr-1">
<div class="tw-h-1 tw-flex tw-mr-0.5">
<span class="flasher-progress tw-bg-current"></span>
</div>
</div>

3
tailwind.config.js
View File

@@ -21,6 +21,9 @@ module.exports = {
'white-300': '#bebfbf',
'white-400': '#acb6bf',
}
},
borderWidth: {
'0.5': '0.5px',
}
},
screens: {