thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Oct 08: [FIX] Bug Fixed 'theme_upshift'

pull/347/head
Cybrosys Technologies 10 months ago
parent
05bc7323cb
commit
e7fac468d9
11 changed files with 223 additions and 66 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      theme_upshift/__manifest__.py
  2. 2
      theme_upshift/doc/RELEASE_NOTE.md
  3. BIN
      theme_upshift/static/description/images/home_banner.png
  4. BIN
      theme_upshift/static/description/images/home_banner_1.png
  5. 94
      theme_upshift/static/description/images/upshift_index.svg
  6. 4
      theme_upshift/static/description/index.html
  7. 36
      theme_upshift/static/src/css/style.css
  8. 4
      theme_upshift/static/src/js/othernavbar.js
  9. 44
      theme_upshift/static/src/scss/layouts/_navbar.scss
  10. 40
      theme_upshift/views/header_templates.xml
  11. 57
      theme_upshift/views/home.xml

2
theme_upshift/__manifest__.py
View File

@ -76,7 +76,7 @@
], ],
}, },
"images": [ "images": [
"static/description/banner.png", "static/description/banner.jpg",
"static/description/theme_sreenshot.jpg", "static/description/theme_sreenshot.jpg",
], ],
"license": "LGPL-3", "license": "LGPL-3",

2
theme_upshift/doc/RELEASE_NOTE.md
View File

@ -1,5 +1,5 @@
## Module <theme_upshift> ## Module <theme_upshift>
#### 02.10.2024 #### 07.10.2024
#### Version 17.0.1.0.0 #### Version 17.0.1.0.0
#### ADD #### ADD
Initial commit for Theme Upshift Initial commit for Theme Upshift

BIN
theme_upshift/static/description/images/home_banner.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 535 KiB

BIN
theme_upshift/static/description/images/home_banner_1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 544 KiB

94
theme_upshift/static/description/images/upshift_index.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

4
theme_upshift/static/description/index.html
View File

@ -256,7 +256,7 @@
</div> </div>
<div class="col-5"> <div class="col-5">
<img <img
src="images/home.png" src="images/home_banner_1.png"
class="img-responsive" class="img-responsive"
width="100% !important" width="100% !important"
height="auto !important" height="auto !important"
@ -268,7 +268,7 @@
<div class="container p-0"> <div class="container p-0">
<img <img
src="images/banner-img.jpg" src="images/upshift_index.svg"
class="img-responsive" class="img-responsive"
width="100% !important" width="100% !important"
height="auto !important" height="auto !important"

36
theme_upshift/static/src/css/style.css
View File

@ -1151,6 +1151,9 @@ padding-top:50px
width: 100%; width: 100%;
z-index: 999; z-index: 999;
} }
#HeaderUser{
opacity: 1 !important;
}
.navigation .wrapper .navbar { .navigation .wrapper .navbar {
padding-top: 15px; padding-top: 15px;
padding-bottom: 20px; padding-bottom: 20px;
@ -1209,6 +1212,24 @@ padding-top:50px
font-size: 16px; font-size: 16px;
padding: 0px 15px; padding: 0px 15px;
} }
.navigation .wrapper .navbar .navbar-nav .nav-link {
color: var(--white-color);
opacity:1 !important
}
.o_no_autohide_item:hover {
background-color: var(--brand-blue-100);
border-radius: 5px !important;
}
.o_no_autohide_item a{
font-size: 20px;
padding: 0px 15px;
&:hover {
background-color: var(--brand-blue-100);
color: var(--brand-blue-900);
}
}
@media (max-width: 1200px) { @media (max-width: 1200px) {
.navigation .wrapper .navbar .navbar-nav .nav-item .nav-link { .navigation .wrapper .navbar .navbar-nav .nav-item .nav-link {
padding: 0px 8px; padding: 0px 8px;
@ -1224,9 +1245,16 @@ padding-top:50px
color: var(--brand-blue-900); color: var(--brand-blue-900);
font-weight: 500; font-weight: 500;
} }
.navigation .wrapper .navbar .navbar-nav .nav-link:hover {
color: var(--brand-blue-900);
font-weight: 500;
}
.navigation .wrapper .navbar .navbar-nav .nav-item .nav-link2 { .navigation .wrapper .navbar .navbar-nav .nav-item .nav-link2 {
color: var(--black-color); color: var(--black-color);
} }
.navigation .wrapper .navbar .navbar-nav .nav-link2 {
color: var(--black-color);
}
.navigation .wrapper .navbar .dropdown-menu { .navigation .wrapper .navbar .dropdown-menu {
background-repeat: no-repeat; background-repeat: no-repeat;
min-width: 220px; min-width: 220px;
@ -1880,7 +1908,8 @@ body {
@media (max-width:992px){ @media (max-width:992px){
.navbar-expand-lg .offcanvas .offcanvas-body { .navbar-expand-lg .offcanvas .offcanvas-body {
justify-content: start !important; height: 100% !important;
flex-direction: column;
} }
.navigation .wrapper .navbar .navbar-nav .nav-item .nav-link2 { .navigation .wrapper .navbar .navbar-nav .nav-item .nav-link2 {
color: white; color: white;
@ -1907,3 +1936,8 @@ body {
margin:20px; margin:20px;
} }
} }
.oe_login_form{
.btn-secondary {
padding: 0.475rem 1rem !important
}
}

4
theme_upshift/static/src/js/othernavbar.js
View File

@ -221,7 +221,9 @@ export const NavigationScroll = PublicWidget.Widget.extend({
targetNav.removeClass('nav-link2'); targetNav.removeClass('nav-link2');
logoName.addClass('span1').removeClass('brandD'); logoName.addClass('span1').removeClass('brandD');
} }
} else { }
else {
if (targetNav.length > 0) { if (targetNav.length > 0) {
targetNav.addClass('nav-link2'); targetNav.addClass('nav-link2');
logoName.addClass('brandD').removeClass('span1'); logoName.addClass('brandD').removeClass('span1');

44
theme_upshift/static/src/scss/layouts/_navbar.scss
View File

@ -1,3 +1,10 @@
@media (max-width:992px) {
.offcanvas-body{
height: 100% !important
}
}
.navigation { .navigation {
background-color: transparent; background-color: transparent;
position: fixed; position: fixed;
@ -86,6 +93,7 @@
} }
} }
} }
.dropdown-menu{ .dropdown-menu{
@ -212,9 +220,39 @@ background-repeat: no-repeat;
transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);
} }
.user_login .nav-item .dropdown-menu a {
color: white; // Set the color to white
}
.o_no_autohide_item a{
&:hover {
color: var(--brand-blue-900);
font-weight: 500;
}
}
.o_no_autohide_item{
&:hover {
background-color: var(--brand-blue-100);
border-radius: 5px !important;
}
a {
font-size: 16px;
padding: 0px 15px;
@media (max-width:1200px) {
padding: 0px 8px;
}
@media (max-width:992px) {
padding: 10px 0px;
padding-left: 15px;
}
&:hover {
color: var(--brand-blue-900);
font-weight: 500;
}
}
.nav-link2{
color: var(--black-color);
}
}

40
theme_upshift/views/header_templates.xml
View File

@ -34,7 +34,7 @@
data-bs-dismiss="offcanvas" data-bs-dismiss="offcanvas"
aria-label="Close"/> aria-label="Close"/>
</div> </div>
<div class="offcanvas-body"> <div class="offcanvas-body justify-content-between">
<ul class="navbar-nav"> <ul class="navbar-nav">
<t t-foreach="website.menu_id.child_id" <t t-foreach="website.menu_id.child_id"
t-as="submenu"> t-as="submenu">
@ -46,6 +46,23 @@
</t> </t>
</t> </t>
</ul> </ul>
<ul class="navbar-nav">
<!-- Sign In -->
<t t-call="portal.placeholder_user_sign_in">
<t t-set="_link_class"
t-valuef="btn btn-outline-secondary w-100 nav-link"/>
</t>
<!-- User Dropdown -->
<t t-call="portal.user_dropdown">
<t t-set="_user_name"
t-value="True"/>
<t t-set="_item_class"
t-value="'nav-item dropdown ml-lg-auto'"/>
<t t-set="_link_class"
t-value="'nav-link'"/>
</t>
</ul>
</div> </div>
</div> </div>
<a href="/contact-us" <a href="/contact-us"
@ -67,4 +84,25 @@
</header> </header>
</xpath> </xpath>
</template> </template>
<template id="upshift_header_user_dropdown"
inherit_id="portal.user_dropdown"
name="Upshift Sign in">
<xpath expr="//a"
position="replace">
<a href="#" role="button" data-bs-toggle="dropdown"
t-attf-class="#{'' if _no_caret else 'dropdown-toggle'} btn #{_link_class}" id="HeaderUser">
<t t-if="_avatar">
<t t-set="avatar_source" t-value="image_data_uri(user_id.avatar_256)"/>
<img t-att-src="avatar_source" t-attf-class="rounded-circle o_object_fit_cover #{_avatar_class}"
width="24" height="24" alt="" loading="eager"/>
</t>
<div t-if="_icon" t-attf-class="#{_icon_wrap_class}">
<i t-attf-class="fa fa-1x fa-fw fa-user #{_icon_class}"/>
</div>
<span t-if="_user_name" t-attf-class="#{_user_name_class}"
t-esc="user_id.name[:23] + '...' if user_id.name and len(user_id.name) &gt; 25 else user_id.name"/>
</a>
</xpath>
</template>
</odoo> </odoo>

57
theme_upshift/views/home.xml
View File

@ -20,59 +20,10 @@
<div class="hero_content"> <div class="hero_content">
<div class="hero_left"> <div class="hero_left">
<div class="text hero__title"> <div class="text hero__title">
<span>R</span> <span>Ready to take your
<span>e</span> Business Growth
<span>a</span> to the next level?
<span>d</span> </span>
<span>y</span>
<span></span>
<span>t</span>
<span>o</span>
<span></span>
<span>t</span>
<span>a</span>
<span>k</span>
<span>e</span>
<span></span>
<span>y</span>
<span>o</span>
<span>u</span>
<span>r</span>
<span></span>
<span>B</span>
<span>u</span>
<span>s</span>
<span>i</span>
<span>n</span>
<span>e</span>
<span>s</span>
<span>s</span>
<span></span>
<span>G</span>
<span>r</span>
<span>o</span>
<span>w</span>
<span>t</span>
<span>h</span>
<br></br>
<span>t</span>
<span>o</span>
<span></span>
<span>t</span>
<span>h</span>
<span>e</span>
<span></span>
<span>n</span>
<span>e</span>
<span>x</span>
<span>t</span>
<span></span>
<span>l</span>
<span>e</span>
<span>v</span>
<span>e</span>
<span>l</span>
<span>?</span>
</div> </div>
<p class="hero__subtitle"> <p class="hero__subtitle">

Write Preview
Loading…
Cancel
Save