mirror of
https://github.com/wekan/wekan.git
synced 2026-01-17 06:55:29 +01:00
20b5e2ab8f
Thanks to xet7 ! Fixes #6062, fixes #6003, fixes #5996, fixes #5720, fixes #5911, fixes #5792, fixes #5163, fixes #4431, fixes #4126, fixes #3363, fixes #3150
77 lines
1.9 KiB
CSS
77 lines
1.9 KiB
CSS
#notifications-drawer.show-read .notification.read {
|
|
display: flex;
|
|
}
|
|
#notifications-drawer .notification {
|
|
display: flex;
|
|
float: none;
|
|
padding: 2vh 1vw 1vh;
|
|
color: #000;
|
|
border-bottom: 1px solid #dbdbdb;
|
|
}
|
|
#notifications-drawer .notification.read {
|
|
display: none;
|
|
}
|
|
#notifications-drawer .notification .read-status {
|
|
width: 2vw;
|
|
padding: 0 0.5vw 0 0;
|
|
}
|
|
#notifications-drawer .notification .read-status input {
|
|
width: 3vw;
|
|
height: 3vw;
|
|
}
|
|
#notifications-drawer .notification .read-status .activity-type {
|
|
margin: 8px 0 0;
|
|
width: 1.2em;
|
|
height: 1.2em;
|
|
font-size: clamp(14px, 2vw, 17px);
|
|
display: block;
|
|
color: #bbb;
|
|
}
|
|
#notifications-drawer .notification .read-status .activity-type.hidden {
|
|
display: none;
|
|
}
|
|
#notifications-drawer .notification .details .activity a.member {
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
#notifications-drawer .notification .details .activity a.member svg {
|
|
padding: 0.4vw;
|
|
}
|
|
#notifications-drawer .notification .details .activity .activity-desc {
|
|
margin: 0 0 0 0.7vw;
|
|
}
|
|
#notifications-drawer .notification .details .activity .activity-comment {
|
|
display: block;
|
|
width: 100%;
|
|
border-radius: 0.4vw;
|
|
background: #fff;
|
|
text-decoration: none;
|
|
box-shadow: 0 0.2vh 0.3vh rgba(0,0,0,0.2);
|
|
margin-top: 0.7vh;
|
|
padding: 0.7vh 0.7vw;
|
|
}
|
|
#notifications-drawer .notification .details .activity .activity-meta {
|
|
display: block;
|
|
font-size: 0.8em;
|
|
color: #999;
|
|
font-style: italic;
|
|
}
|
|
#notifications-drawer .notification .details .notification-date {
|
|
margin-top: 4px;
|
|
}
|
|
#notifications-drawer .notification .details .notification-date small {
|
|
font-size: 0.85em;
|
|
color: #999;
|
|
}
|
|
#notifications-drawer .notification .remove a:hover {
|
|
color: #eb4646 !important;
|
|
}
|
|
@media screen and (max-width: 800px) {
|
|
#notifications-drawer .notification {
|
|
height: auto;
|
|
}
|
|
#notifications-drawer .notification .details .activity a.member {
|
|
height: 36px;
|
|
width: 36px;
|
|
}
|
|
}
|