mirror of https://github.com/wekan/wekan
The Open Source kanban (built with Meteor). Keep variable/table/field names camelCase. For translations, only add Pull Request changes to wekan/i18n/en.i18n.json , other translations are done at https://transifex.com/wekan/wekan only.
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.
77 lines
1.9 KiB
77 lines
1.9 KiB
#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;
|
|
}
|
|
}
|
|
|