betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

🎨 Changement de couleur du bouton d'explication 

Les actions ont cette couleur
pull/138/head
mama 2017-12-18 15:25:19 +01:00
parent 0701b39d77
commit 7474959693
1 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
source/components/conversation/Explicable.css
View File

@ -1,26 +1,27 @@
.explicable {
display: flex;
align-items: center;
display: flex;
align-items: center;
}
.explicable .icon{
text-align: center;
width: 1.3em;
line-height: 1.3em;
border-radius: .2em;
display: inline-block;
margin-left: .4em;
padding: .15em;
opacity: .4;
border: 1px solid transparent;
border-radius: 1em;
cursor: pointer;
vertical-align: baseline;
font-size: 95%;
.explicable .icon {
text-align: center;
width: 1.3em;
line-height: 1.3em;
border-radius: 0.2em;
display: inline-block;
margin-left: 0.4em;
padding: 0.15em;
opacity: 0.65;
border: 1px solid transparent;
border-radius: 1em;
cursor: pointer;
vertical-align: baseline;
font-size: 95%;
color: #2975D1;
}
.explicable .icon:hover {
opacity: 1;
opacity: 1;
}
/* Add explanation text to icon, feels too heavy
.explicable .icon:hover::after {
@ -31,7 +32,7 @@
}
*/
.explicable.explained .icon {
opacity: 1;
background: #4A89DC;
color: white;
opacity: 1;
background: #4a89dc;
color: white;
}