You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
3.6 KiB
1 lines
3.6 KiB
.notifications-button{position:relative;float:right;width:16px;height:16px;display:block;border-radius:50%;text-align:center;padding:10px;opacity:0.6}.notifications-button:hover,.notifications-button:focus{opacity:1 !important}.notifications-button.hasNotifications{opacity:1 !important}.notifications-button.hasNotifications:hover,.notifications-button.hasNotifications:focus{opacity:0.6 !important}.notifications-button,.notifications-button img{cursor:pointer}.notification-container{display:none;right:13px;width:350px;max-width:90%;min-height:200px;}.notification-container .notification-wrapper{display:flex;flex-direction:column;overflow-y:auto;max-height:260px}.notification-container .emptycontent{padding:50px 0;margin:0;position:absolute;top:0}.notification-container .emptycontent .icon-notifications-dark{background-image:var(--icon-notifications-notifications-dark-000)}.notification-container .emptycontent .icon-notifications-dark-white,.notification-container .emptycontent .icon-notifications-dark.icon-white{background-image:var(--icon-notifications-notifications-dark-fff)}.notification-container .dismiss-all{display:flex;justify-content:center;color:var(--color-text-maxcontrast);padding:10px}.notification-container .dismiss-all:hover,.notification-container .dismiss-all .icon-close{opacity:1;cursor:pointer}.notification-container .dismiss-all .icon-close{opacity:0.5;margin-right:5px}.notification-container:after{right:101px}.notification{padding-bottom:12px;max-height:500px}.notification:not(:last-child){border-bottom:1px solid var(--color-border)}.notification .notification-heading{display:flex}.notification .notification-heading .notification-time{color:var(--color-text-maxcontrast);margin:13px 0 13px auto}.notification .notification-heading .notification-delete{display:flex;color:var(--color-text-maxcontrast);padding:14px}.notification .notification-heading .notification-delete:hover,.notification .notification-heading .notification-delete .icon-close{opacity:1;cursor:pointer}.notification .notification-heading .notification-delete .icon-close{opacity:0.5}.notification .notification-subject,.notification .notification-message,.notification .notification-full-message,.notification .notification-actions{margin:0 12px 12px}.notification .notification-subject{display:flex;align-items:center}.notification .notification-subject > .image{align-self:flex-start}.notification .notification-subject > span.text,.notification .notification-subject > a > span.text{padding-left:10px}.notification .notification-message,.notification .notification-full-message{line-height:20px;padding-left:42px;color:var(--color-text-maxcontrast)}.notification .notification-message > .collapsed,.notification .notification-full-message > .collapsed{overflow:hidden;max-height:70px}.notification .notification-message > .notification-overflow,.notification .notification-full-message > .notification-overflow{box-shadow:0 0 20px 20px var(--color-main-background);position:relative}.notification img.notification-icon{width:32px;height:32px;display:flex}.notification .notification-message img,.notification .notification-full-message img,.notification .notification-subject img:not(.notification-icon){max-width:32px;max-height:32px;margin:0 5px 5px 0}.notification strong{font-weight:bold;opacity:1}.notification .avatar-name-wrapper{position:relative;cursor:pointer}.notification .avatar-name-wrapper .avatar{vertical-align:middle;display:inline-block;margin:0 5px 3px}.notification .notification-actions{overflow:hidden}.notification .notification-actions .action-button.primary{color:var(--color-primary-text)}.notification .notification-actions:first-child{margin-left:auto} |