forked from alaguraj/odoo-testing-addons
Add shop page styling with left sidebar filters and define core theme color variables.
This commit is contained in:
parent
0da194db19
commit
02ac1c8116
@ -287,4 +287,26 @@
|
||||
background: #ffffff !important;
|
||||
border-color: var(--secondary-color, #d6111e) !important;
|
||||
color: var(--secondary-color, #d6111e) !important;
|
||||
}
|
||||
|
||||
.css_quantity input {
|
||||
max-width: 20px !important;
|
||||
}
|
||||
|
||||
/* Product Details Quantity Input Fix */
|
||||
.css_quantity input.quantity {
|
||||
color: #000000 !important;
|
||||
background-color: #ffffff !important;
|
||||
opacity: 1 !important;
|
||||
width: 60px !important;
|
||||
max-width: 60px !important;
|
||||
height: 45px !important;
|
||||
line-height: 45px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 18px !important;
|
||||
padding: 0 !important;
|
||||
text-align: center !important;
|
||||
border: 1px solid #000000 !important;
|
||||
display: inline-block !important;
|
||||
visibility: visible !important;
|
||||
}
|
||||
@ -115,7 +115,7 @@ body,
|
||||
|
||||
/* Breadcrumbs */
|
||||
.breadcrumb-item a {
|
||||
color: #ffffff !important;
|
||||
color: #d6111e !important;
|
||||
font-weight: 700 !important;
|
||||
font-size: 18px !important;
|
||||
/* Larger headers */
|
||||
@ -485,10 +485,28 @@ a:hover,
|
||||
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
|
||||
padding: 8px !important;
|
||||
margin-top: 5px !important;
|
||||
z-index: 1050 !important;
|
||||
/* Standard BS z-index */
|
||||
z-index: 10000 !important;
|
||||
/* Raised to be above most backend elements */
|
||||
}
|
||||
|
||||
/* Fix for Dropdowns being hidden in List Views (Editable rows) */
|
||||
.o_list_view .o_list_table {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.o_list_view .o_list_table tbody tr,
|
||||
.o_list_view .o_list_table tbody td {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* Ensure Autocomplete stays in front */
|
||||
.ui-autocomplete,
|
||||
.o_autocomplete_dropdown,
|
||||
.dropdown-menu.show {
|
||||
z-index: 10001 !important;
|
||||
}
|
||||
|
||||
|
||||
.o_main_navbar .o_menu_sections .o_nav_entry.active,
|
||||
.o_main_navbar .o_menu_sections .dropdown-toggle {
|
||||
background-color: none !important;
|
||||
|
||||
@ -487,9 +487,13 @@
|
||||
.css_quantity {
|
||||
border: 2px solid #eee !important;
|
||||
border-radius: 50px !important;
|
||||
overflow: hidden;
|
||||
overflow: visible !important;
|
||||
display: inline-flex;
|
||||
margin-right: 15px;
|
||||
background: white !important;
|
||||
height: 45px !important;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.btn {
|
||||
border: none !important;
|
||||
@ -504,11 +508,26 @@
|
||||
|
||||
.quantity {
|
||||
border: none !important;
|
||||
max-width: 50px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
background: transparent !important;
|
||||
width: 80px !important;
|
||||
max-width: 80px !important;
|
||||
text-align: center !important;
|
||||
font-weight: 900 !important;
|
||||
font-size: 20px !important;
|
||||
background: #ffffff !important;
|
||||
color: #000000 !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
height: 45px !important;
|
||||
display: inline-block !important;
|
||||
vertical-align: middle !important;
|
||||
line-height: 45px !important;
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
appearance: none !important;
|
||||
-webkit-appearance: none !important;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
#add_to_cart {
|
||||
|
||||
@ -60,14 +60,26 @@
|
||||
</div>
|
||||
</xpath>
|
||||
|
||||
<!-- Hide original title/price to avoid duplication since we added custom ones above -->
|
||||
<!-- Hide original Odoo elements to avoid duplication -->
|
||||
<xpath expr="//h1[@itemprop='name']" position="attributes">
|
||||
<attribute name="class" add="d-none" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('product_price')]" position="attributes">
|
||||
<attribute name="class" add="d-none" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@id='product_attributes_simple']" position="attributes">
|
||||
<attribute name="class" add="d-none" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//p[hasclass('text-muted')][@t-field='product.description_sale']" position="attributes">
|
||||
<attribute name="class" add="d-none" separator=" "/>
|
||||
</xpath>
|
||||
|
||||
<!-- Style the original image -->
|
||||
<xpath expr="//span[@itemprop='image']" position="attributes">
|
||||
<attribute name="class" add="rounded-4 shadow-sm" separator=" "/>
|
||||
</xpath>
|
||||
|
||||
|
||||
</template>
|
||||
</data>
|
||||
</odoo>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user