Skip to content

P
ptd
Commit 76841094 authored by Chi Bui's avatar Chi Bui 👀
Browse files
Options

fix css 10/09

parent 92ad0608
Show whitespace changes
Inline Side-by-side
Showing with 278 additions and 136 deletions
themes/contrib/estore/css/styles.css
View file @ 76841094
......@@ -26,12 +26,13 @@ article.commerce-product.teaser .product-image .products-hover-wrapper {
opacity: 0 !important;
cursor: pointer;
}
article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"]{
display: none ;
article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] {
display: none;
}
article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"] {
display: none ;
display: none;
}
article.commerce-product.teaser .product-image img:hover {
......@@ -174,7 +175,6 @@ article.commerce-product.teaser .product-image img {
/* background: linear-gradient(122deg, rgb(236, 226, 228) 0%, rgba(254,224,160,1) 37%, rgb(241, 186, 153) 100%)
/* background: linear-gradient(45deg,#fee0a0 24% , #f5b58f); */
/* background: linear-gradient(45deg,#fee0a0 , #facd87); */
}
/* Page not found */
......@@ -256,9 +256,11 @@ header .link_content .field--type-text-with-summary p {
.region-middle-header .main-menu {
width: 100%;
}
.pin .main-menu{
.pin .main-menu {
width: 100%;
}
.pin .main-menu .menu--main {
display: flex;
width: 100%;
......@@ -299,7 +301,7 @@ header.navbar .main-menu ul.menu li {
}
.menu--main .open ul.sidebar-submenu-2 {
padding: 20px 20px 14px !important;
padding: 20px 20px 14px !important;
}
.menu--main .open ul.sidebar-submenu-2.sidebar-submenu-3 li {
......@@ -496,7 +498,7 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li span {
font-weight: 300;
bottom: 10px;
position: absolute;
right: 15px;
right: 0;
}
.region-right-middle-header {
......@@ -566,7 +568,6 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
}
@media(min-width: 991px) and (max-width:1200px) {
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
margin-left: 0 !important;
margin-right: 8px !important
......@@ -609,25 +610,31 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
.acc-bottom {
margin-bottom: 10px;
}
.cart-form button:hover{
.cart-form button:hover {
color: white !important;
}
header.navbar .category-menu ul.menu li.active li a{
header.navbar .category-menu ul.menu li.active li a {
color: black;
}
header.navbar .category-menu ul.menu li.active li.active a{
color: #c40316;
header.navbar .category-menu ul.menu li.active li.active a {
color: #c40316;
}
header.navbar .category-menu ul.menu li.active a{
header.navbar .category-menu ul.menu li.active a {
color: #c40316;
}
.block-views-blockfaq-block-1 .accordion:hover {
background-color: #e0dede;
}
.block-views-blockfaq-block-1 .accordion.active{
.block-views-blockfaq-block-1 .accordion.active {
color: white;
}
.block-views-blockfaq-block-1 .active, .block-views-blockfaq-block-1 .active.accordion:hover {
background-color: #c40316;
}
......@@ -636,7 +643,8 @@ header.navbar .category-menu ul.menu li.active a{
background-color: #c40316;
color: white;
}
.button.btn-inde{
.button.btn-inde {
cursor: pointer;
width: 30px;
background-color: rgb(255, 255, 255);
......@@ -656,60 +664,69 @@ header.navbar .category-menu ul.menu li.active a{
/* height: 34px; */
}
.cart-form .cart-total{
.cart-form .cart-total {
border: 1px solid rgb(212 212 212);
border-bottom: none;
margin-bottom: 0 !important;
}
.cart-form .order-total-line{
.cart-form .order-total-line {
width: 100%;
display: inline-block;
padding: 17px 20px !important;
border-bottom: 1px solid rgb(244, 244, 244);
}
.collection-region .col-product{
.collection-region .col-product {
padding-left: 10px;
padding-right: 10px;
}
.collection-region .col-product .col-sm-6{
.collection-region .col-product .col-sm-6 {
padding-left: 10px;
padding-right: 10px;
}
.cart-form button.btn-default{
.cart-form button.btn-default {
background-color: #ea5354 !important;
color: white !important;
outline: none !important;;
outline: none !important;
;
}
.cart-form button.btn-info{
.cart-form button.btn-info {
background: white !important;
outline: 5px auto -webkit-focus-ring-color !important;
}
.cart-form button{
.cart-form button {
border: none !important;
outline: none !important;;
outline: none !important;
;
background: white !important;
color: black !important;
margin-bottom: 10px;
margin-right: 0 !important;
width: 100%;
}
.cart-form div.form-wrapper{
.cart-form div.form-wrapper {
padding: 20px;
border: 1px solid rgb(212 212 212);
border-top: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.button.btn-inde:hover{
.button.btn-inde:hover {
border-color: #ea442c;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(228, 165, 156);
}
article.commerce-product.full .product-right .form-group {
......@@ -719,20 +736,25 @@ article.commerce-product.full .product-right .form-group {
float: initial;
margin-bottom: 0;
}
article.commerce-product.full .product-right .form-group button{
margin-bottom: 0 !important;
article.commerce-product.full .product-right .form-group button {
margin-bottom: 0 !important;
}
article.commerce-product.full .product-right .field--name-variations form{
article.commerce-product.full .product-right .field--name-variations form {
vertical-align: middle;
display: flex;
}
article.commerce-product.full .product-right div.button.btn-inde{
article.commerce-product.full .product-right div.button.btn-inde {
order: 1;
}
article.commerce-product.full .product-right .field--name-quantity input[type="number"]{
article.commerce-product.full .product-right .field--name-quantity input[type="number"] {
margin-bottom: 0px !important;
order: 1;
}
input[type=number] {
width: 40px !important;
text-align: center;
......@@ -743,10 +765,12 @@ input[type=number] {
height: 32px;
margin-bottom: 3px;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.block-views-blockfaq-block-1 .active a, .block-views-blockfaq-block-1 .active.accordion:after {
color: white !important
}
......@@ -766,9 +790,11 @@ input[type=number] {
.block-views-blockfaq-block-1 .active:after {
content: "\2212";
}
.main-container-inner{
.main-container-inner {
margin: 12px 0 10px;
}
.block-views-blockfaq-block-1 .panel {
padding-top: 5px;
background-color: white;
......@@ -777,12 +803,14 @@ input[type=number] {
transition: max-height 0.2s ease-out;
box-shadow: none;
}
.menu--category-menu.product {
/* overflow:auto; */
/* max-height: 785px; */
padding-bottom: 40px;
}
.menu--category-menu.product ul.sidebar-submenu-2{
.menu--category-menu.product ul.sidebar-submenu-2 {
position: relative;
left: 0;
width: 99%;
......@@ -791,7 +819,8 @@ input[type=number] {
/* padding-left: 10px !important; */
border: none;
}
.menu--category-menu.product .open ul.sidebar-submenu-2{
.menu--category-menu.product .open ul.sidebar-submenu-2 {
position: relative;
left: 0;
width: 99%;
......@@ -800,17 +829,21 @@ input[type=number] {
/* padding-left: 10px !important; */
border: none;
}
.menu--category-menu.product .open ul.sidebar-submenu-2 li:nth-last-child(1){
.menu--category-menu.product .open ul.sidebar-submenu-2 li:nth-last-child(1) {
border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.menu--category-menu.product ul.sidebar-submenu-2 li:nth-child(1){
.menu--category-menu.product ul.sidebar-submenu-2 li:nth-child(1) {
/* border-top: 1px solid rgba(0, 0, 0, 0.06) !important; */
}
.menu--category-menu.product .open ul.sidebar-submenu-2 li{
.menu--category-menu.product .open ul.sidebar-submenu-2 li {
width: 100% !important;
padding-left: 20px !important;
padding: 5px 11px!important;
padding: 5px 11px !important;
}
@media (min-width: 768px) {
.webform-flex--container {
width: 91% !important
......@@ -1029,31 +1062,35 @@ header.navbar .category-menu ul.menu.litte-menu {
border-radius: 50%;
padding: 5px;
}
.cart-form .table-responsive .views-field-edit-quantity .form-group input[type=number]{
.cart-form .table-responsive .views-field-edit-quantity .form-group input[type=number] {
margin-bottom: 0;
}
.cart-form .table-responsive .views-field-edit-quantity .form-group{
.cart-form .table-responsive .views-field-edit-quantity .form-group {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.cart-form .table-responsive .views-field-edit-quantity {
vertical-align: middle;
}
.region-footer-fourth .field--name-body table {
line-height: 2.1;
}
.region-footer-fourth .field--name-body p{
.region-footer-fourth .field--name-body p {
line-height: 2.1;
}
.hl-link img {
height: 35px;
right: 15px;
}
header .link_content {
/* background: #eb5335; */
/* background-color: #ea442c; */
......@@ -1067,7 +1104,8 @@ header .link_content {
white-space: nowrap;
width: 100%;
border-radius: 5px;
z-index: 50;;
z-index: 50;
;
}
header .link_content a {
......@@ -1079,11 +1117,10 @@ header .link_content a {
/* header .link_content a:hover {
color: white;
} */
.pin {
border: 1.75px solid #e94537;
border: 2.5px solid #e94537;
border-radius: 4px;
padding: 5px;
padding: 3px 5px;
/* background: #e94537; */
/* color: white !important; */
}
......@@ -1095,9 +1132,9 @@ header .link_content a {
}
.cong {
border-top: 1.75px solid #e94537;
border-bottom: 1.75px solid #e94537;
border-left: 1.75px solid #e94537;
border-top: 2.5px solid #e94537;
border-bottom: 2.5px solid #e94537;
border-left: 2.5px solid #e94537;
height: 29px;
line-height: 25px;
width: 10px;
......@@ -1108,9 +1145,9 @@ header .link_content a {
}
.tru {
border-top: 1.75px solid #e94537;
border-bottom: 1.75px solid #e94537;
border-right: 1.75px solid #e94537;
border-top: 2.5px solid #e94537;
border-bottom: 2.5px solid #e94537;
border-right: 2.5px solid #e94537;
height: 28px;
width: 10px;
color: #e94537;
......@@ -1294,11 +1331,13 @@ header.navbar .block-search-navigation .search-icon {
display: block !important;
/* position: relative; */
}
.region-middle-header button .button-label{
.region-middle-header button .button-label {
display: none;
}
.region-middle-header input {
border: 2.5px solid #e94537;
border: 2.15px solid #e94537;
/* background: #fcdb99; */
width: 100% !important;
height: 48px;
......@@ -1308,11 +1347,13 @@ header.navbar .block-search-navigation .search-icon {
padding: 0 145px 0 20px;
border-radius: 6px;
}
.region-middle-header button span {
margin-right: 0 ;
margin-right: 0;
margin-left: 0;
margin-top: 5px;
}
.region-middle-header button {
font-size: 20px;
text-transform: uppercase;
......@@ -1334,6 +1375,13 @@ header.navbar .block-search-navigation .search-icon {
/* invi 1440 */
@media (max-width: 1200px) {
#block-sodienthoai h3{
font-size: 20px;
margin-right: 5px;
}
header .link_content a{
font-size: 22px
}
header.navbar .main-menu ul.menu li a {
font-size: 13px !important;
}
......@@ -1444,6 +1492,7 @@ header.navbar .block-search-navigation .search-icon {
.middle-header-wrapper .region-left-middle-header .branding-block .logo img.logo_img {
height: 35px !important;
width: 35px !important;
left: 2px;
}
.img-logo .logo-bottom {
......@@ -1451,59 +1500,75 @@ header.navbar .block-search-navigation .search-icon {
width: 42px !important;
}
}
.region-content img{
.region-content img {
max-width: 100%
}
.block-wrap p{
.block-wrap p {
font-size: 15px;
color: #000
}
.region-footer-fourth .block-views-blocklist-social-block-social .view-content .img-responsive {
width: 40px;
height: 40px;
margin-top: 10px;
}
/* invi 991 response */
@media (max-width: 991px) {
body {
overflow-x: hidden;
}
.main-container{
.main-container {
height: auto !important;
}
.region-middle-header .form-group{
.region-middle-header .form-group {
display: none !important;
}
.img-logo div.logo-top{
.img-logo div.logo-top {
height: 13px !important;
width: 38px !important;
}
.img-logo div.logo-center {
height: 33px !important;
width: 38px !important;
}
.middle-header-wrapper .region-left-middle-header .branding-block a.logo img.logo_img{
}
.middle-header-wrapper .region-left-middle-header .branding-block a.logo img.logo_img {
height: 28px !important;
width: 28px !important;
}
.img-logo div.logo-bottom{
width: 28px !important;
left: 5px
}
.img-logo div.logo-bottom {
height: 19px !important;
width: 38px !important;
}
}
.region-right-middle-header .block-views-blocklist-social-block-social {
display: none;
width: 0 !important
}
.region-middle-bottom-header .form-group{
.region-middle-bottom-header .form-group {
display: none !important;
}
.mobile-top .form--inline.form-inline{
.mobile-top .form--inline.form-inline {
display: flex;
margin: 25px 0;
}
.mobile-top .form--inline.form-inline .form-group{
.mobile-top .form--inline.form-inline .form-group {
margin-right: 9px;
}
#scrollUp {
height: 30px !important;
width: 30px !important;
......@@ -1903,8 +1968,7 @@ width: 28px !important;
}
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper .my-cart-wrap {
/* display: none; */
text-align: left;
display: none;
visibility: hidden;
width: 0;
}
......@@ -5071,9 +5135,14 @@ th {
.table-bordered>thead>tr>td {
border-bottom-width: 2px;
}
.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper button.btn-default:hover{
color: white !important ;
}
.cart .table-hover>tbody>tr:hover{
background-color: white;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
/* background-color: #f9f9f9; */
}
.table-hover>tbody>tr:hover {
......@@ -5828,9 +5897,11 @@ select[multiple].input-lg,
margin-bottom: 0;
vertical-align: middle;
}
.layout-region-checkout-main .form-control {
.layout-region-checkout-main .form-control {
width: 100%;
}
}
.form-inline .form-control {
display: inline-block;
width: auto;
......@@ -11246,7 +11317,7 @@ body.toolbar-loading.toolbar {
}
.middle-header-wrapper {
padding: 10px 0;
padding-top: 10px;
/* background: white; */
}
......@@ -11270,11 +11341,13 @@ body.toolbar-loading.toolbar {
height: 47px;
position: absolute;
top: 4px;
left: 6px;
left: 6px;
}
.blog-middle-wrapper{
.blog-middle-wrapper {
margin-bottom: 10px;
}
.img-logo {
position: relative;
/* margin-top: 10px; */
......@@ -11369,17 +11442,21 @@ left: 6px;
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper {
/* width: 138px; */
margin: 0 auto;
position: absolute !important;
right: 10px !important;
top: 5px !important;
justify-content: flex-end !important;
}
}
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
position: relative;
display: block;
float: left;
/* float: left; */
width: 45px;
height: 45px;
margin-left: 25px;
margin-right: 20px;
/* margin-right: 20px; */
text-align: center;
color: #fff;
border: 2px solid transparent;
......@@ -11420,7 +11497,8 @@ left: 6px;
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper .my-cart-wrap {
float: right;
/* margin-left: 20px; */
margin-left: 20px;
margin-top: 9px;
}
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper .my-cart-wrap .my-cart {
......@@ -11433,14 +11511,18 @@ left: 6px;
font-size: 12px;
font-weight: 600;
}
.region-right-middle-header .table-responsive table tbody tr td {
line-height: normal !important;
padding: 26px 2px 26px 15px;
text-align: left !important;
}
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper .cart-contents {
position: absolute;
z-index: 200;
top: 130%;
left: 0;
visibility: hidden;
width: 360px;
width: 420px;
padding: 20px 15px;
transition: all 0.5s ease;
transform: translateX(-50%);
......@@ -11469,12 +11551,16 @@ left: 6px;
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper .cart-contents .cart-block-links a {
display: inline-block;
padding: 5px 10px;
padding: 9px 54px;
color: #7f7d7d;
border: 1px solid #e2e2e2;
border-radius: 20px;
font-size: 16px;
font-weight: bold;
}
.layout__region.layout__region--top-slideshow{
/* min-height: 500px */
}
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper .cart-contents .cart-block-links a:hover {
color: #e94337;
}
......@@ -11519,6 +11605,12 @@ header.navbar .category-menu {
}
@media (max-width: 991px) {
#block-sodienthoai{
display: none;
}
.middle-header-wrapper{
padding-bottom: 20px
}
header.navbar .category-menu {
width: 100%;
/* height: 40px !important; */
......@@ -11527,12 +11619,12 @@ header.navbar .category-menu {
}
header.navbar .category-menu .block-title {
padding: 9px 30px;
padding: 8px 30px;
transition: all 0.5s ease-in-out;
color: #fff;
font-weight: 600;
/* background: #eb5235; */
height: 57px;
height: 52px;
background-color: #e94337;
font-size: 15px;
border-radius: 5px;
......@@ -11575,23 +11667,29 @@ header.navbar .category-menu ul.menu {
border: 2px solid #e94337;
background: #fff none repeat scroll 0 0;
}
header.navbar .category-menu ul.menu.hide-block.product {
display: block !important;
}
.layout-region-checkout-secondary{
.layout-region-checkout-secondary {
border: 1px solid #ddd;
padding: 15px;
}
.checkout-pane .form-tel{
.checkout-pane .form-tel {
width: 100%;
}
.layout-region-checkout-footer{
.layout-region-checkout-footer {
width: 100% !important;
float: revert !important;
}
.checkout-pane .order-total-line:nth-child(2) {
margin-top: 10px;
}
.checkout-pane .order-total-line {
display: flex;
align-items: center;
......@@ -11600,6 +11698,7 @@ header.navbar .category-menu ul.menu.hide-block.product {
padding-right: 29px !important;
border-bottom: 1px solid #ddd;
}
header.navbar .category-menu ul.menu.hide-block.product-index {
display: block !important;
}
......@@ -11630,6 +11729,10 @@ header.navbar .category-menu ul.menu li:hover {
header.navbar .category-menu ul.menu li a {
padding: 0 20px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
width: 97%;
white-space: nowrap;
}
header.navbar .category-menu ul.menu li a:hover {
......@@ -11698,12 +11801,15 @@ header.navbar .main-menu ul.menu .sidebar-submenu-2 li a {
.commerce-checkout-flow-multistep-default {
margin-bottom: 80px !important;
}
.layout-region-checkout-secondary h3{
.layout-region-checkout-secondary h3 {
margin-top: 0;
}
.layout-region-checkout-secondary .table-responsive table tbody tr td {
line-height: 33px !important;
}
.commerce-checkout-flow-multistep-default button {
width: 100%;
font-weight: 800;
......@@ -12270,7 +12376,7 @@ header.navbar .block-search-navigation .search-icon.active {
}
.estore-homepage-first .collection-region {
margin: 20px 0 10px ;
margin: 20px 0 10px;
}
.estore-homepage-first .collection-region .collection-banner img {
......@@ -12290,13 +12396,15 @@ header.navbar .block-search-navigation .search-icon.active {
background-color: #e94337;
font-size: 18px;
}
.features-products-carousel .product-item article.commerce-product.teaser{
box-shadow: 0px 0px 7px 0px rgba(0,0,0,.21);
.features-products-carousel .product-item article.commerce-product.teaser {
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .21);
overflow: hidden;
margin-top: 8px;
min-height: 420px;
padding: 0 !important
}
.estore-homepage-first .collection-region .view-display-id-block_hot_product {
padding: 15px;
border: 1px solid #e2e2e2;
......@@ -12725,11 +12833,13 @@ article.commerce-product.full .product-right {
overflow: hidden;
text-decoration: none;
}
.region-sidebar-second article.commerce-product .product-price {
left: 23px;
position: relative;
top: 10px;
position: relative;
top: 10px;
}
/* */
.product-left .field--name-field-images .field--item:nth-child(1) img {
width: 100% !important;
......@@ -12877,7 +12987,7 @@ article.commerce-product.full .product-bottom .tab-title {
margin-top: 0;
}
article.commerce-product.full .product-bottom .product-desciption{
article.commerce-product.full .product-bottom .product-desciption {
margin-top: 0;
display: inline;
border-bottom: 2px solid;
......@@ -12885,6 +12995,7 @@ article.commerce-product.full .product-bottom .product-desciption{
font-style: italic;
/* margin-bottom: 10px; */
}
article.commerce-product.full .product-bottom .tab-content {
padding: 20px;
/* border: 1px solid #e2e2e2; */
......@@ -12896,12 +13007,13 @@ article.commerce-product.full .product-bottom .tab-content {
border: 1px solid #e2e2e2;
height: 427px;
}
#block-views-block-products-block-products h2 {
margin-top: 0;
}
article.commerce-product.teaser {
padding: 5px 0 5px;
}
.block-webform {
......@@ -12909,9 +13021,10 @@ article.commerce-product.teaser {
}
@media (max-width: 991px) {
header.navbar .category-menu ul.menu{
header.navbar .category-menu ul.menu {
top: 50px;
}
.estore-homepage-first .collection-region .collection-hot-product .view-display-id-block_hot_product {
height: auto !important;
}
......@@ -13087,22 +13200,28 @@ article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*
article.commerce-product.teaser .product-image {
position: relative;
}
.region-middle-bottom-header button .button-label{
.region-middle-bottom-header button .button-label {
display: none;
}
.region-content .cart-form{
.region-content .cart-form {
margin-bottom: 50px
}
.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper button:hover{
.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper button:hover {
color: black !important;
}
.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper button:focus{
.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper button:focus {
border-color: #ea5354;
background-color: #ea5354;
background-color: #ea5354;
}
.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper{
.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper {
text-align: center;
}
article.commerce-product.teaser .product-image .products-hover-wrapper {
display: none;
/* position: absolute;
......@@ -13128,10 +13247,11 @@ article.commerce-product.teaser .product-title {
height: 30px;
}
.search-product .title a:hover{
.search-product .title a:hover {
color: #e94337;
}
.search-product .title a{
.search-product .title a {
margin: 15px 0 0;
padding: 0;
text-align: center;
......@@ -13145,9 +13265,9 @@ article.commerce-product.teaser .product-title {
font-weight: 700px;
line-height: 1.1;
color: #333;
}
.search-product .product-price{
.search-product .product-price {
text-align: center;
color: #e94537;
line-height: 1.8;
......@@ -13264,7 +13384,8 @@ article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit
article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] {
top: 35%;
}
.menu--category-menu .open ul.sidebar-submenu-2{
.menu--category-menu .open ul.sidebar-submenu-2 {
border: none !important;
min-height: auto;
}
......@@ -13428,12 +13549,14 @@ p:last-child,
width: 1430px;
max-width: 100%;
}
}
@media (max-width: 1199px) {
.container-fluid {
margin: 0 2%;
}
}
@media (max-width: 767px) {
......@@ -13449,10 +13572,12 @@ p:last-child,
.alert {
margin-top: 20px;
}
.menu--category-menu.product .dropdown-menu{
.menu--category-menu.product .dropdown-menu {
display: flex !important;
flex-direction: column;
}
article.commerce-product.full .product-right .field--name-variations button {
margin-bottom: 10px;
background: #e94537;
......@@ -13465,65 +13590,79 @@ article.commerce-product.full .product-right .field--name-variations button {
a {
transition: all 0.1s ease-in-out;
}
.search-product .col {
padding: 10px;
}
#views-bootstrap-products-page-list .col{
#views-bootstrap-products-page-list .col {
padding-right: 10px;
padding-left: 10px;
}
.views-view-grid article.commerce-product.teaser{
box-shadow: 0px 0px 7px 0px rgba(0,0,0,.21);
.views-view-grid article.commerce-product.teaser {
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .21);
overflow: hidden;
margin-bottom: 15px;
padding: 5px;
}
.search-product .product-wrapper{
box-shadow: 0px 0px 7px 0px rgba(0,0,0,.21);
.search-product .product-wrapper {
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .21);
overflow: hidden;
margin-bottom: 10px;
}
.cart-form .table-responsive {
min-height: 200px;
}
.btn {
padding: 7px 12px;
transition: all 0.3s ease-in-out;
font-size: 13px;
}
.table-responsive table tbody tr td{
.table-responsive table tbody tr td {
text-align: center;
}
.table-responsive table tbody tr td:nth-child(1){
text-align: left;
.table-responsive table tbody tr td:nth-child(1) {
text-align: left;
}
.table-responsive table thead tr th{
.table-responsive table thead tr th {
text-align: center;
}
.table-responsive table thead tr th:nth-child(1){
.table-responsive table thead tr th:nth-child(1) {
text-align: left;
}
label,
.field--label {
color: #333;
}
header.navbar .category-menu ul.menu li.more-category{
header.navbar .category-menu ul.menu li.more-category {
position: relative;
}
header.navbar .category-menu ul.menu li.less-category{
header.navbar .category-menu ul.menu li.less-category {
position: relative;
}
.menu--category-menu.product ul.sidebar-submenu-2 li a{
.menu--category-menu.product ul.sidebar-submenu-2 li a {
line-height: initial !important;
white-space: normal;
}
.menu--category-menu .open ul.sidebar-submenu-2 li a{
.menu--category-menu .open ul.sidebar-submenu-2 li a {
line-height: 1.5;
padding: 0 20px !important;
}
.menu--category-menu .open ul.sidebar-submenu-2 li:nth-child(10),
.menu--category-menu .open ul.sidebar-submenu-2 li:nth-last-child(1){
.menu--category-menu .open ul.sidebar-submenu-2 li:nth-child(10),
.menu--category-menu .open ul.sidebar-submenu-2 li:nth-last-child(1) {
border-bottom: none;
}
}
themes/contrib/estore/js/custom.js
View file @ 76841094
......@@ -133,9 +133,13 @@ for (i = 0; i < acc.length; i++) {
let price = textPrice.eq(i).text();
cost = price.split('').slice(0, 1).join("");
if (cost == "0") {
textPrice.eq(i).text("Liên hệ")
textPrice.eq(i).text("Liên hệ");
}
}
console.log(screen.width);
if($("article.commerce-product.full .field--name-price").text() == "Liên hệ"){
$("article.commerce-product.full .product-right .field--name-variations button").hide()
}
$(window).scroll(function() {
if ($(window).scrollTop() > 130) {
......@@ -199,4 +203,3 @@ for (i = 0; i < acc.length; i++) {
$(".mobile-modal").hide();
})
})(window.jQuery, window.Drupal);
themes/contrib/estore/templates/commerce/commerce-checkout-completion-message.html.twig
View file @ 76841094
......@@ -17,7 +17,7 @@
<h2>{{ 'Payment instructions'|t }}</h2>
<h4 style= "font-weight: 400">{{ 'You can view your order on your account page when logged in.'|t }} </h4>
<h4>{{ 'Your order number is @number.'|t({'@number': order_entity.getOrderNumber}) }}</h4>
<h4>Your order number is <span style="color: #e94337">{{ '@number.'|t({'@number': order_entity.getOrderNumber}) }}</span> </h4>
<h4 style= "font-weight: 400">{{ payment_instructions }}</h4>
</div>
{% endif %}
......
themes/contrib/estore/templates/system/page.html.twig
View file @ 76841094
......@@ -135,7 +135,7 @@
<div class="wrap-header">
<div class="middle-header-wrapper clearfix">
<div class="container-fluid">
<div class="col-md-3 col-xs-7">
<div class="col-md-3 col-xs-7 page-logo">
{% if page.left_middle_header %}
{{ page.left_middle_header }}
{% endif %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment