mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-08-26 09:33:50 +00:00
notification: add selector on title, move styles
This commit is contained in:
@@ -1,3 +1,34 @@
|
||||
div.notification {
|
||||
h2.notification-title,
|
||||
h6.notification-title {
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
&::before {
|
||||
font-family: "ForkAwesome";
|
||||
font-size: 80%;
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
}
|
||||
div.read {
|
||||
h2.notification-title,
|
||||
h6.notification-title {
|
||||
font-weight: 500;
|
||||
&::before {
|
||||
content: "\f2b7"; //envelope-open-o
|
||||
}
|
||||
}
|
||||
}
|
||||
div.unread {
|
||||
h2.notification-title,
|
||||
h6.notification-title {
|
||||
&::before {
|
||||
content: "\f003"; //envelope-o
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Notifications List
|
||||
*/
|
||||
@@ -11,13 +42,6 @@ div.notification-show {
|
||||
&:first-child {
|
||||
flex-grow: 1;
|
||||
|
||||
/// 3
|
||||
div.wrap-list {
|
||||
div.wl-col.list {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
&:last-child {
|
||||
flex-grow: 0;
|
||||
|
@@ -108,31 +108,5 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
div.notification {
|
||||
h2, h6 {
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
&::before {
|
||||
font-family: "ForkAwesome";
|
||||
font-size: 80%;
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
}
|
||||
div.read {
|
||||
h2, h6 {
|
||||
font-weight: 500;
|
||||
&::before {
|
||||
content: "\f2b7"; //envelope-open-o
|
||||
}
|
||||
}
|
||||
}
|
||||
div.unread {
|
||||
h2, h6 {
|
||||
&::before {
|
||||
content: "\f003"; //envelope-o
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user