NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] theme_kea: revamp theme

Browse Source 
small design fixes.

task-4178076
Part of task-4177975

closes odoo/design-themes#926

Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
This commit is contained in:
mano-odoo
2024-09-18 19:22:08 +02:00
parent 97683ee283
commit 2e1f5eeef7
9 changed files with 45 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_kea/__manifest__.py
+1
View File
@@ -45,6 +45,7 @@
'views/snippets/s_image_hexagonal.xml',
'views/snippets/s_striped_center_top.xml',
'views/snippets/s_image_title.xml',
'views/snippets/s_image_punchy.xml',
'views/snippets/s_key_images.xml',
'views/snippets/s_quadrant.xml',
'views/snippets/s_big_number.xml',
theme_kea/static/description/kea_screenshot.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 113 KiB

theme_kea/static/src/scss/primary_variables.scss
+6 -1
View File
@@ -70,7 +70,7 @@ $headings-font-weight:700;
$o-theme-font-configs: (
'Poppins': (
'family': ('Poppins', sans-serif),
'family': ('Poppins', sans-serif),
'url': 'Poppins:300,300i,400,400i,700,700i',
),
'Rajdhani': (
@@ -117,7 +117,12 @@ $o-website-values-palettes: (
'buttons-font': 'Poppins',
// Links / Buttons
'link-underline': 'never',
'btn-padding-y': .5rem,
'btn-padding-x': 1rem,
'btn-padding-y-lg': .75rem,
'btn-padding-x-lg': 1.5rem,
'btn-border-radius': 10rem,
'btn-border-radius-lg': 10rem,
// Footer
'footer-template': 'minimalist',
'footer-effect': 'slideout_slide_hover',
theme_kea/views/snippets/s_color_blocks_2.xml
+18 -2
View File
@@ -10,27 +10,43 @@
<xpath expr="//h2" position="before">
<div class="o_we_bg_filter bg-black-50"></div>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" " />
<attribute name="style" add="text-align: center !important;" separator=";"/>
</xpath>
<!-- Box #1 - Title -->
<xpath expr="//div[hasclass('col-lg-6')]//h2" position="attributes">
<attribute name="style" add="text-align: center !important;" separator=";"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')]//h2" position="replace" mode="inner">
Multiplayer
</xpath>
<!-- Box #1 - Text -->
<xpath expr="//div[hasclass('col-lg-6')]//p" position="attributes">
<attribute name="style" add="text-align: center !important;" separator=";"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')]//p" position="replace" mode="inner">
Conquer leaderboards, crush workouts, create with friends and more. Get lost in a growing library of VR classics and all-new experiences.
</xpath>
<!-- Box #2 -->
<xpath expr="//div[hasclass('col-lg-6')][2]" position="attributes">
<attribute name="class" add="oe_img_bg o_bg_img_center pt256 pb256" remove="" separator=" " />
<attribute name="style">background-image: url('/web/image/website.s_quotes_carousel_demo_image_1'); background-position: 50% 0%;</attribute>
<attribute name="class" add="oe_img_bg o_bg_img_center pt256 pb256" remove="" separator=" "/>
<attribute name="style">background-image: url('/web/image/website.s_quotes_carousel_demo_image_1'); background-position: 50% 0%; text-align: center !important;</attribute>
</xpath>
<xpath expr="(//h2)[2]" position="before">
<div class="o_we_bg_filter bg-black-50"></div>
</xpath>
<!-- Box #2 - Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//h2" position="attributes">
<attribute name="style" add="text-align: center !important;" separator=";"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//h2" position="replace" mode="inner">
Freedom
</xpath>
<!-- Box #2 - Text -->
<xpath expr="//div[hasclass('col-lg-6')][2]//p" position="attributes">
<attribute name="style" add="text-align: center !important;" separator=";"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//p" position="replace" mode="inner">
No matter who you are, with a growing library of games and experiences there is no limit to where you can go and what you can do in virtual reality.
</xpath>
theme_kea/views/snippets/s_cover.xml
+4 -4
View File
@@ -6,12 +6,11 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="oe_img_bg o_full_screen_height" remove="parallax s_parallax_is_fixed" separator=" "/>
<attribute name="data-scroll-background-ratio">0</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/02","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Floats/02','colors':{'c1':'o-color-1','c2':'o-color-1','c3':'o-color-5','c4':'o-color-1','c5':'o-color-5'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
<attribute name="style">background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 0;</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="after">
<div class="o_we_shape o_web_editor_Floats_02"/>
<div class="o_we_shape o_web_editor_Floats_02" style="background-image: url('/web_editor/shape/web_editor/Floats/02.svg?c1=o-color-1&amp;c2=o-color-1&amp;c3=o-color-5&amp;c4=o-color-1&amp;c5=o-color-5');"/>
</xpath>
<!-- Disable Parallax -->
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
@@ -24,8 +23,9 @@
<p class="lead"><br/></p>
</xpath>
<!-- Button -->
<xpath expr="//a[hasclass('btn')]" position="replace"/>
<xpath expr="//a[hasclass('btn')]" position="replace">
<a href="#0" class="btn btn-primary">Discover more</a>
<a href="#0" class="btn btn-primary btn-lg">Discover more</a>
</xpath>
</template>
theme_kea/views/snippets/s_image_punchy.xml
+11
View File
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_image_punchy" inherit_id="website.s_image_punchy">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
</xpath>
</template>
</odoo>
theme_kea/views/snippets/s_image_text.xml
+2 -5
View File
@@ -2,10 +2,6 @@
<odoo>
<template id="s_image_text" inherit_id="website.s_image_text">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pt232" remove="pt80" separator=" "/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/shape/theme_kea/s_image_text.svg?c1=o-color-1</attribute>
@@ -17,8 +13,9 @@
</template>
<template id="configurator_s_image_text" inherit_id="website.configurator_s_image_text">
<!-- Shape option -->
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pt232" remove="pt80" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
theme_kea/views/snippets/s_picture.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_picture" inherit_id="website.s_picture">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc3" separator=" "/>
<attribute name="class" add="o_cc3 pb80 pt80" remove="pb64 pt64" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
theme_kea/views/snippets/s_text_image.xml
+2 -5
View File
@@ -2,10 +2,6 @@
<odoo>
<template id="s_text_image" inherit_id="website.s_text_image">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pt64 pb232" remove="pt80 pb80" separator=" "/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/shape/theme_kea/s_text_image.svg?c1=o-color-1</attribute>
@@ -20,8 +16,9 @@
</template>
<template id="configurator_s_text_image" inherit_id="website.configurator_s_text_image">
<!-- Shape option -->
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pb232" remove="pb80" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22","flip":["x"]}</attribute>
</xpath>
<!-- Shape -->