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 @@ ...@@ -80,7 +80,7 @@
} }
/* Read / unread */ /* Read / unread */
.sib-notifications__items [data-read] [name=content] > div{ .sib-notifications__items [data-read] [name=content]{
opacity: .3; opacity: .3;
} }
...@@ -123,19 +123,20 @@ ...@@ -123,19 +123,20 @@
/* Fields */ /* Fields */
.sib-notifications__items [name=content] > div{ .sib-notifications__items [name=content]{
padding: 0.8rem 0; padding: 0.8rem 0;
position: relative; position: relative;
display: flex; display: flex;
} }
.sib-notifications__items [name="wrapper"] > div{ .sib-notifications__items [name="wrapper"]{
flex-grow: 1; flex-grow: 1;
padding-right: 2rem; padding-right: 2rem;
} }
.sib-notifications__items [name="author.username"]{ .sib-notifications__items [name="author.name"]{
font-weight: bold; font-weight: bold;
margin-bottom: 0.2rem;
} }
.sib-notifications__items [name="source"] > div{ .sib-notifications__items [name="source"]{
margin-top: 0.15rem; margin-top: 0.15rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
...@@ -144,13 +145,21 @@ ...@@ -144,13 +145,21 @@
.sib-notifications__items [name="source"] > sib-display-labelled-div label, .sib-notifications__items [name="source"] > sib-display-labelled-div label,
.sib-notifications__items [name="source"] > sib-display-labelled-div div{ .sib-notifications__items [name="source"] > sib-display-labelled-div div{
display: inline; display: inline;
font-size: 0.85rem;
line-height: 0.95rem;
} }
.sib-notifications__items [name="object.name"] label{ .sib-notifications__items [name="object.name"] label{
margin: 0 7px; margin-left: 8px;
margin-right: 4px;
} }
.sib-notifications__items [name="date"]{ .sib-notifications__items [name="date"]{
color: #AAA; color: #AAA;
font-size: 75%; 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"]{ .sib-notifications__items [name="author.avatar"]{
display: block; display: block;
...@@ -159,6 +168,7 @@ ...@@ -159,6 +168,7 @@
background: #CCC; background: #CCC;
border-radius: 50%; border-radius: 50%;
margin: 0 0.8rem; margin: 0 0.8rem;
flex-shrink: 0;
} }
.sib-notifications__items img[src=""]{ .sib-notifications__items img[src=""]{
display: none; display: none;
......
...@@ -170,7 +170,7 @@ class SIBNotifications extends SIBTemplateElement { ...@@ -170,7 +170,7 @@ class SIBNotifications extends SIBTemplateElement {
id="notifications-list" id="notifications-list"
class="sib-notifications__items" class="sib-notifications__items"
data-src="${this.resourceId}" 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-unread="read-badge"
widget-object.name="sib-display-labelled-div" widget-object.name="sib-display-labelled-div"
widget-author.avatar="sib-display-img" 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