mirror of
https://github.com/frappe/erpnext.git
synced 2026-06-01 19:29:10 +00:00
Text overflow fix for product text in portal
This commit is contained in:
@@ -26,8 +26,6 @@
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center top;
|
background-position: center top;
|
||||||
border-radius-top: 4px;
|
|
||||||
border-radius-right: 4px;
|
|
||||||
}
|
}
|
||||||
.product-image.missing-image {
|
.product-image.missing-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -36,8 +34,6 @@
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center top;
|
background-position: center top;
|
||||||
border-radius-top: 4px;
|
|
||||||
border-radius-right: 4px;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: #EBEFF2;
|
background-color: #EBEFF2;
|
||||||
}
|
}
|
||||||
@@ -45,9 +41,6 @@
|
|||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
color: #d1d8dd;
|
color: #d1d8dd;
|
||||||
}
|
}
|
||||||
.product-text {
|
|
||||||
padding: 15px 0px;
|
|
||||||
}
|
|
||||||
.product-search {
|
.product-search {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
@@ -246,6 +239,15 @@
|
|||||||
padding: 15px;
|
padding: 15px;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
height: 75px;
|
height: 75px;
|
||||||
|
display: block;
|
||||||
|
/* Fallback for non-webkit */
|
||||||
|
display: -webkit-box;
|
||||||
|
max-width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
.product-image-wrapper {
|
.product-image-wrapper {
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
|
|||||||
@@ -36,8 +36,6 @@
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center top;
|
background-position: center top;
|
||||||
border-radius-top: 4px;
|
|
||||||
border-radius-right: 4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-image.missing-image {
|
.product-image.missing-image {
|
||||||
@@ -51,10 +49,6 @@
|
|||||||
color: @border-color;
|
color: @border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-text {
|
|
||||||
padding: 15px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-search {
|
.product-search {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
@@ -316,6 +310,14 @@
|
|||||||
padding: 15px;
|
padding: 15px;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
height: 75px;
|
height: 75px;
|
||||||
|
display: block; /* Fallback for non-webkit */
|
||||||
|
display: -webkit-box;
|
||||||
|
max-width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-image-wrapper {
|
.product-image-wrapper {
|
||||||
|
|||||||
Reference in New Issue
Block a user