mCaptcha/templates/panel/notifications/main.scss
2021-07-27 15:28:21 +05:30

51 lines
1.3 KiB
SCSS

/*
* Copyright (C) 2021 Aravinth Manivannan <realaravinth@batsense.net>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
@import '../../vars';
@import '../../components//table/main';
.notification__table {
@include table;
margin: 20px auto;
}
.notification__title-text {
@include table__title-text;
}
.notification__mark-read-btn {
background: none;
border: none;
display: flex;
border-radius: 50px;
}
.notification__mark-read-btn:hover {
cursor: pointer;
background-color: $light-grey;
}
.notification-data__container {
font-size: 0.7rem;
}
.notification__mark-read {
color: $green;
margin: auto;
filter: invert(58%) sepia(60%) saturate(331%) hue-rotate(76deg)
brightness(91%) contrast(92%);
}