mirror of
https://github.com/humhub/humhub.git
synced 2025-07-12 03:26:20 +02:00
15bdedadf1
* Optimize notification overview * Optimize notification overview * Optimize notification overview * Filter "Others" for notifications without category * Restyle notification filters * Improve the filter "Select all" * Optimize notification overview (clean up code) * Restyle the filter "Select all" * Form style class for checkboxes with normal font weight * Form style class for checkboxes with font weight 500 * Implement new radio pills input --------- Co-authored-by: Lucas Bartholemy <luke-@users.noreply.github.com>
73 lines
1.4 KiB
Plaintext
73 lines
1.4 KiB
Plaintext
#notification_overview_filter label {
|
|
display: block;
|
|
}
|
|
|
|
.field-filterform-allfilter {
|
|
input[type=checkbox] {
|
|
border-color: #ccc;
|
|
&:checked {
|
|
border-color: @default;
|
|
background: @default;
|
|
&::after {
|
|
color: @text-color-main;
|
|
}
|
|
}
|
|
&:focus {
|
|
border-color: #ccc !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
#notification_overview_list {
|
|
.img-space {
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 25px;
|
|
}
|
|
.media {
|
|
display: flex;
|
|
.media-left {
|
|
margin-right: 16px;
|
|
}
|
|
.media-right {
|
|
min-width: 24px;
|
|
}
|
|
}
|
|
li {
|
|
border-left: none;
|
|
background: none;
|
|
&:hover {
|
|
border-left: none;
|
|
background-color: @background-color-secondary;
|
|
}
|
|
&.new {
|
|
time {
|
|
color: @info;
|
|
}
|
|
}
|
|
&:not(.new) {
|
|
.media-body {
|
|
*&, strong {
|
|
color: @text-color-secondary;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.notifications {
|
|
position: inherit !important;
|
|
float: left !important;
|
|
}
|
|
|
|
.notifications .dropdown-menu {
|
|
width: 300px !important;
|
|
margin-left: 0 !important;
|
|
|
|
.arrow {
|
|
margin-left: -142px !important;
|
|
}
|
|
}
|
|
}
|