fix overflow of private label

This commit is contained in:
printempw 2016-08-14 09:06:46 +08:00
parent 96ae3957f8
commit 16b562ea2f
2 changed files with 22 additions and 10 deletions

View File

@ -2,7 +2,7 @@
* @Author: printempw * @Author: printempw
* @Date: 2016-07-10 17:17:07 * @Date: 2016-07-10 17:17:07
* @Last Modified by: printempw * @Last Modified by: printempw
* @Last Modified time: 2016-08-13 21:57:29 * @Last Modified time: 2016-08-14 09:00:16
*/ */
@import "style.scss"; @import "style.scss";
@ -25,6 +25,10 @@
.item-body > img { .item-body > img {
margin-left: 50px; margin-left: 50px;
} }
.texture-name {
width: 65%;
}
} }
.item-footer { .item-footer {
@ -38,14 +42,6 @@
} }
} }
.texture-name {
width: 85%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.model-label { .model-label {
font-weight: 500; font-weight: 500;
font-size: 15px; font-size: 15px;

View File

@ -2,7 +2,7 @@
* @Author: printempw * @Author: printempw
* @Date: 2016-06-04 20:55:09 * @Date: 2016-06-04 20:55:09
* @Last Modified by: printempw * @Last Modified by: printempw
* @Last Modified time: 2016-08-06 18:53:08 * @Last Modified time: 2016-08-14 09:02:03
*/ */
@font-face { @font-face {
@ -76,6 +76,10 @@ input:-webkit-autofill {
.item-body > img { .item-body > img {
margin-left: 25%; margin-left: 25%;
} }
.texture-name {
width: 65%;
}
} }
@media (max-width: 520px) { @media (max-width: 520px) {
@ -86,6 +90,18 @@ input:-webkit-autofill {
.item-body > img { .item-body > img {
margin-left: 30%; margin-left: 30%;
} }
.texture-name {
width: 80%;
}
}
.texture-name {
width: 65%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.item:hover { .item:hover {