Merge pull request #2461 from JB1905/master

Fix the display of longer attribute descriptions
This commit is contained in:
Jim LAURIE 2018-12-14 12:29:25 +01:00 committed by GitHub
commit 09cdc88dbb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -13,6 +13,7 @@
line-height: 4rem; line-height: 4rem;
box-shadow: 1px 1px 1px rgba(104, 118,145, 0.05); box-shadow: 1px 1px 1px rgba(104, 118,145, 0.05);
cursor: pointer; cursor: pointer;
&:hover, &:active, &:focus { &:hover, &:active, &:focus {
background: #F7F7F7; background: #F7F7F7;
outline: 0; outline: 0;
@ -24,7 +25,11 @@
.attributeCard { .attributeCard {
font-size: 1.3rem; font-size: 1.3rem;
&:after{ display: flex;
align-items: center;
max-width: calc(100% - 18px);
&:after {
content: '\f05d'; content: '\f05d';
position: absolute; position: absolute;
top: 7px; top: 7px;
@ -35,10 +40,11 @@
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
&:hover{ &:hover {
background: none; background: none;
} }
> img{
> img {
display: inline-block; display: inline-block;
height: 20px; height: 20px;
width: 35px; width: 35px;
@ -47,11 +53,17 @@
} }
> span { > span {
white-space: nowrap;
color: #9EA7B8; color: #9EA7B8;
font-size: 1.2rem; font-size: 1.2rem;
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
&:last-child {
text-overflow: ellipsis;
overflow: hidden;
}
} }
} }