css fix bugs: menu + header(wip)

This commit is contained in:
Gaelle Morin 2018-12-16 01:28:51 +01:00
parent a98370de85
commit 67e1cd595c
5 changed files with 68 additions and 61 deletions

View File

@ -22,6 +22,7 @@ div.grid-layer
widget-foaf:hompage='hdapp-hyperlink', widget-foaf:hompage='hdapp-hyperlink',
widget-roles='sib-display-lookuplist', widget-roles='sib-display-lookuplist',
widget-skills='sib-display-lookuplist', widget-skills='sib-display-lookuplist',
search-range-roles=`${sdn}/role/`, search-range-roles=`${sdn}/role/`,
search-range-skills=`${sdn}/skills/`, search-range-skills=`${sdn}/skills/`,
search-fields='name, roles, skills', search-fields='name, roles, skills',
@ -30,7 +31,7 @@ div.grid-layer
search-label-roles='Filter by role', search-label-roles='Filter by role',
search-label-skills='Search by skills', search-label-skills='Search by skills',
search-widget-name='sib-form-placeholder-text', search-widget-name='sib-form-placeholder-text',
search-widget-roles='sib-form-placeholder-text',
search-widget-skills='sib-form-placeholder-text', search-widget-skills='sib-form-placeholder-text',
next='member') next='member')
div.grid-layer-links.containerV div.grid-layer-links.containerV

View File

@ -19,7 +19,6 @@
width: 95%; width: 95%;
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
} }
input[type="submit"] { input[type="submit"] {

View File

@ -63,6 +63,9 @@
} }
#profile { #profile {
div {
display: flex;
flex-direction: row-reverse;
> * { > * {
vertical-align: middle; vertical-align: middle;
} }
@ -83,4 +86,5 @@
letter-spacing: 0.38px; letter-spacing: 0.38px;
padding: 0 0.5rem; padding: 0 0.5rem;
} }
}
} }

View File

@ -38,6 +38,29 @@
} }
} }
[name='creation'] {
margin-top: 20px;
}
[name='description'] {
line-height: 1.6;
}
[name='status'] {
float: right;
display: flex;
align-items: center;
margin: -0.25em;
> * {
margin: 0.25em;
}
strong {
@extend %status-open;
}
}
[name='user-thumb'] { [name='user-thumb'] {
align-items: center; align-items: center;
color: $color-black-light; color: $color-black-light;
@ -66,26 +89,3 @@
padding: calc(16px - 0.8em) 0.7em; padding: calc(16px - 0.8em) 0.7em;
} }
} }
[name='status'] {
float: right;
display: flex;
align-items: center;
margin: -0.25em;
> * {
margin: 0.25em;
}
strong {
@extend %status-open;
}
}
[name='creation'] {
margin-top: 20px;
}
[name='description'] {
line-height: 1.6;
}

View File

@ -88,7 +88,7 @@ sib-router {
// transform: perspective(1000px) translateZ(1px) scale(0.8); // transform: perspective(1000px) translateZ(1px) scale(0.8);
} }
.menu-notification > div { .menu-notification > sib-display > div:first-child {
background-color: $color-purple-dark; background-color: $color-purple-dark;
color: $color-yellow-light; color: $color-yellow-light;
font-size: 12px; font-size: 12px;
@ -149,7 +149,8 @@ sib-router {
letter-spacing: 0.17px; letter-spacing: 0.17px;
font-size: 16px; font-size: 16px;
} }
/*
/*Fix: presque doublon avec main.scss ligne 71 qui gère le nombre de notifications sur la cloche */
.menu-notification { .menu-notification {
//flex-basis: 3em; //flex-basis: 3em;
width: 2em; width: 2em;
@ -160,7 +161,8 @@ sib-router {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
> div { > sib-display {
> div:first-of-type {
color: $color-black; color: $color-black;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -172,7 +174,8 @@ sib-router {
font-size: 12px; font-size: 12px;
} }
} }
*/ }
&[id-prefix] { &[id-prefix] {
display: none; display: none;
} }