Commit a96f829e authored by Matthieu Fesselier's avatar Matthieu Fesselier

ui: fix style

parent 3f082cc5
Pipeline #4948 passed with stage
in 1 minute and 32 seconds
......@@ -80,7 +80,7 @@
}
/* Read / unread */
.sib-notifications__items [data-read] [name=content] > div{
.sib-notifications__items [data-read] [name=content]{
opacity: .3;
}
......@@ -123,19 +123,20 @@
/* Fields */
.sib-notifications__items [name=content] > div{
.sib-notifications__items [name=content]{
padding: 0.8rem 0;
position: relative;
display: flex;
}
.sib-notifications__items [name="wrapper"] > div{
.sib-notifications__items [name="wrapper"]{
flex-grow: 1;
padding-right: 2rem;
}
.sib-notifications__items [name="author.username"]{
.sib-notifications__items [name="author.name"]{
font-weight: bold;
margin-bottom: 0.2rem;
}
.sib-notifications__items [name="source"] > div{
.sib-notifications__items [name="source"]{
margin-top: 0.15rem;
margin-bottom: 0.5rem;
}
......@@ -144,13 +145,21 @@
.sib-notifications__items [name="source"] > sib-display-labelled-div label,
.sib-notifications__items [name="source"] > sib-display-labelled-div div{
display: inline;
font-size: 0.85rem;
line-height: 0.95rem;
}
.sib-notifications__items [name="object.name"] label{
margin: 0 7px;
margin-left: 8px;
margin-right: 4px;
}
.sib-notifications__items [name="date"]{
color: #AAA;
font-size: 75%;
display: block;
margin-top: 0.3rem;
}
.sib-notifications__items [name="object.name"]{
margin-left: -0.2rem;
}
.sib-notifications__items [name="author.avatar"]{
display: block;
......@@ -159,6 +168,7 @@
background: #CCC;
border-radius: 50%;
margin: 0 0.8rem;
flex-shrink: 0;
}
.sib-notifications__items img[src=""]{
display: none;
......
......@@ -170,7 +170,7 @@ class SIBNotifications extends SIBTemplateElement {
id="notifications-list"
class="sib-notifications__items"
data-src="${this.resourceId}"
fields="unread, content(author.avatar, wrapper(author.username, source(type, object.name), date))"
fields="unread, content(author.avatar, wrapper(author.name, source(type, object.name), date))"
widget-unread="read-badge"
widget-object.name="sib-display-labelled-div"
widget-author.avatar="sib-display-img"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment