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

[UPDT] Updated 'code_backend_theme'

pull/195/head
Ajmal Cybro 4 years ago
parent
9a07dcedd2
commit
021c60513f
7 changed files with 474 additions and 392 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. 3
      code_backend_theme/__manifest__.py
  2. 446
      code_backend_theme/static/description/index.html
  3. 57
      code_backend_theme/static/src/js/user_menu/user_menu.js
  4. 4
      code_backend_theme/static/src/scss/login.scss
  5. 4
      code_backend_theme/static/src/scss/navigation_bar.scss
  6. 57
      code_backend_theme/static/src/scss/theme.scss
  7. 21
      code_backend_theme/static/src/xml/top_bar.xml

3
code_backend_theme/__manifest__.py
View File

@ -25,7 +25,7 @@
"description": """Minimalist and elegant backend theme for Odoo 14, Backend Theme, Theme""", "description": """Minimalist and elegant backend theme for Odoo 14, Backend Theme, Theme""",
"summary": "Code Backend Theme V15 is an attractive theme for backend", "summary": "Code Backend Theme V15 is an attractive theme for backend",
"category": "Theme/Backend", "category": "Theme/Backend",
"version": "15.0.1.0.0", "version": "15.0.0.0.1",
'author': 'Cybrosys Techno Solutions', 'author': 'Cybrosys Techno Solutions',
'company': 'Cybrosys Techno Solutions', 'company': 'Cybrosys Techno Solutions',
'maintainer': 'Cybrosys Techno Solutions', 'maintainer': 'Cybrosys Techno Solutions',
@ -51,7 +51,6 @@
('replace', '/web/static/src/views/graph/graph_arch_parser.js', '/code_backend_theme/static/src/js/fields/graph_arch_parser.js'), ('replace', '/web/static/src/views/graph/graph_arch_parser.js', '/code_backend_theme/static/src/js/fields/graph_arch_parser.js'),
('replace', '/web/static/src/views/graph/graph_view.js', '/code_backend_theme/static/src/js/fields/graph_view.js'), ('replace', '/web/static/src/views/graph/graph_view.js', '/code_backend_theme/static/src/js/fields/graph_view.js'),
'code_backend_theme/static/src/js/chrome/sidebar_menu.js', 'code_backend_theme/static/src/js/chrome/sidebar_menu.js',
('replace', '/web/static/src/webclient/user_menu/user_menu.js', '/code_backend_theme/static/src/js/user_menu/user_menu.js'),
], ],
'web.assets_qweb': [ 'web.assets_qweb': [
'code_backend_theme/static/src/xml/styles.xml', 'code_backend_theme/static/src/xml/styles.xml',

446
code_backend_theme/static/description/index.html
View File

@ -1,23 +1,21 @@
<!-- HERO --> <!-- HERO -->
<div class="container"> <div class="container">
<div class="row" style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;"> <div class="row"
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
<div class="col-lg-12 d-flex flex-column align-items-center"> <div class="col-lg-12 d-flex flex-column align-items-center">
<h1 class="text-center text-uppercase" <h1 class="text-center text-uppercase"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bolder !important; font-size: 2.5rem !important; color: #212121;"> style="font-family: Montserrat, 'sans-serif' !important; font-weight: bolder !important; font-size: 2.5rem !important; color: #212121;">
Code Backend Theme <sup> Code Backend Theme <sup>
</h1> </h1>
<p class="my-1 text-center text-uppercase" <p class="my-1 text-center text-uppercase"
style="letter-spacing: 4px !important; color: #74788D !important;">Minimalist and Elegant Backend style="letter-spacing: 4px !important; color: #74788D !important;">
Minimalist and Elegant Backend
Theme for Odoo 15</p> Theme for Odoo 15</p>
</div> </div>
<div class="col-lg-12 text-center mt-5"> <div class="col-lg-12 d-flex justify-content-center align-items-center"
<a href="https://apps.odoo.com/apps/themes/15.0/code_backend_theme_enterprise/" style="margin: 2rem 0;">
style="background-color: #556EE6 !important; color: #fff !important; font-weight: 600 !important; padding: 10px 15px 13px !important; margin: 0 5px !important; border-radius: 5px !important;"> <img src="./assets/hero.png" width="100%" height="auto"
<i class="fa fa-download mr-1"></i>Download for Enterprise class="img-responsive">
</a>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin: 2rem 0;">
<img src="./assets/hero.png" width="100%" height="auto" class="img-responsive">
</div> </div>
</div> </div>
</div> </div>
@ -25,23 +23,30 @@
<!-- OVERVIEW --> <!-- OVERVIEW -->
<div class="container"> <div class="container">
<div class="row" style="padding: 0rem 2.5rem !important; background-color: #fff !important;"> <div class="row"
style="padding: 0rem 2.5rem !important; background-color: #fff !important;">
<div class="col-lg-12 d-flex flex-column justify-content-center"> <div class="col-lg-12 d-flex flex-column justify-content-center">
<p class="my-1 text-center" <p class="my-1 text-center"
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;"> style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
The Code Backend Theme V15 Gives You a Fully Modified View with a Full Screen Display. The Code Backend Theme V15 Gives You a Fully Modified View with
a Full Screen Display.
This is a Minimalist and Elegant Backend Theme for Odoo 15. This is a Minimalist and Elegant Backend Theme for Odoo 15.
This Theme Will Change Your Old Experience to a New Experience With Odoo. This Theme Will Change Your Old Experience to a New Experience
It is a Perfect Choice for Your Odoo Backend and an Attractive Theme for Your Odoo 15. With Odoo.
It will Give You a Clean Layout with a New Color Combination and a Modified Font. It has a It is a Perfect Choice for Your Odoo Backend and an Attractive
Theme for Your Odoo 15.
It will Give You a Clean Layout with a New Color Combination and
a Modified Font. It has a
Sidebar with Sidebar with
New App Icons and Company Logo. This Will Change Your Old Kanban, List and Form Views to A Fully New App Icons and Company Logo. This Will Change Your Old
Kanban, List and Form Views to A Fully
Modified View. Modified View.
</p> </p>
</div> </div>
<div class="col-lg-12 mt-4"> <div class="col-lg-12 mt-4">
<div class="alert alert-warning text-center" role="alert"> <div class="alert alert-warning text-center" role="alert">
<i class="fa fa-exclamation-triangle mr-2" aria-hidden="true"></i>Please make sure that you install <i class="fa fa-exclamation-triangle mr-2"
aria-hidden="true"></i>Please make sure that you install
all all
your apps prior to the installation of this theme. your apps prior to the installation of this theme.
</div> </div>
@ -49,6 +54,16 @@
</div> </div>
</div> </div>
<!-- END OF OVERVIEW--> <!-- END OF OVERVIEW-->
<!--DOWNLOAD BUTTON ENTERPRISE-->
<div>
<div class="col-lg-12 text-center mt-5">
<a href="https://apps.odoo.com/apps/themes/14.0/code_backend_theme_enterprise/"
style="background-color:#556EE6 !important; color:#fff !important; font-weight:600 !important; padding:10px 15px 13px !important; margin:0 5px !important; border-radius:5px !important">
<i class="fa fa-download mr-1"></i>Download Code Backend Theme for Enterprise
</a>
<br/>
</div>
</div>
<!-- FEATURE --> <!-- FEATURE -->
@ -65,29 +80,37 @@
<div class="container" style="margin-top: 3rem;"> <div class="container" style="margin-top: 3rem;">
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/responsive.jpg" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/responsive.jpg" width="100%" height="auto"
class="img-responsive">
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-4 d-flex justify-content-center align-items-center" <div class="col-lg-4 d-flex justify-content-center align-items-center"
style="padding: 1.5rem !important; margin: 0rem 0rem 3rem !important;"> style="padding: 1.5rem !important; margin: 0rem 0rem 3rem !important;">
<img src="assets/resp-gif.gif" width="80%" height="auto" class="img-responsive rounded"> <img src="assets/resp-gif.gif" width="80%" height="auto"
class="img-responsive rounded">
</div> </div>
<div class="col-lg-8" style="padding: 2.5rem 1.5rem!important;"> <div class="col-lg-8" style="padding: 2.5rem 1.5rem!important;">
<div class="text-center" <div class="text-center"
style="font-size: 0.9rem !important; background-color: #556EE6 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;"> style="font-size: 0.9rem !important; background-color: #556EE6 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;">
New New
</div> </div>
<h3 style="font-weight: 700 !important;">Fully Responsive Layout</h3> <h3 style="font-weight: 700 !important;">Fully Responsive
Layout</h3>
<h6 <h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Now take advantage of everything your dashboard has to offer even on the go. Our design are Now take advantage of everything your dashboard has to
offer even on the go. Our design are
now now
fully responsive enabling you to view and manage everything from the comfort of your mobile fully responsive enabling you to view and manage
everything from the comfort of your mobile
device. Everything device. Everything
has been designed in a meticulous fashion so that every view snaps itself to fit the size of has been designed in a meticulous fashion so that every
view snaps itself to fit the size of
the the
device you are using, be it smartphones, tablet or any other portables, our theme adjusts device you are using, be it smartphones, tablet or any
other portables, our theme adjusts
itself itself
to fit the screen size. to fit the screen size.
</h6> </h6>
@ -129,10 +152,13 @@
<h3 style="font-weight: 700 !important;">Kanban Group View</h3> <h3 style="font-weight: 700 !important;">Kanban Group View</h3>
<h6 <h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
The Code Backend Theme V15 Gives You a Fully Modified Kanban View and Kanban Group View. The Code Backend Theme V15 Gives You a Fully Modified Kanban
The Section Wise Separated Stages give a Pleasant Experience And an Extraordinary Design View and Kanban Group View.
The Section Wise Separated Stages give a Pleasant Experience
And an Extraordinary Design
To Your Content Tiles Making The Tiles Look Great. To Your Content Tiles Making The Tiles Look Great.
It will Give You a Clean Layout with the New Color Combination and a Modified Font. It will Give You a Clean Layout with the New Color
Combination and a Modified Font.
</h6> </h6>
<div class="row mt-4"> <div class="row mt-4">
<div class="col-lg-6"> <div class="col-lg-6">
@ -176,8 +202,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/kanabangroupview.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/kanabangroupview.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
</div> </div>
@ -191,9 +219,12 @@
<h3 style="font-weight: 700 !important;">List View</h3> <h3 style="font-weight: 700 !important;">List View</h3>
<h6 <h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
The All new Code Backend Theme V15 Gives You The Fully Modified List View and This Table Design The All new Code Backend Theme V15 Gives You The Fully
is Also Have Awesome Design and it Gives You More Beauty for Your Odoo Backend. Modified List View and This Table Design
It will Give You a Clean Layout with the New Color Combination and a Modified Font. is Also Have Awesome Design and it Gives You More Beauty for
Your Odoo Backend.
It will Give You a Clean Layout with the New Color
Combination and a Modified Font.
</h6> </h6>
<div class="row mt-4"> <div class="row mt-4">
<div class="col-lg-6"> <div class="col-lg-6">
@ -237,8 +268,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/listview.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/listview.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
</div> </div>
@ -252,7 +285,8 @@
<h3 style="font-weight: 700 !important;">Form View</h3> <h3 style="font-weight: 700 !important;">Form View</h3>
<h6 <h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Code Backend Theme Gives You The Fully Modified Form View with a Full Screen Experience. It will Code Backend Theme Gives You The Fully Modified Form View
with a Full Screen Experience. It will
Give You a Clean Layout with the New Color Combination Give You a Clean Layout with the New Color Combination
and a Modified Font. and a Modified Font.
</h6> </h6>
@ -298,8 +332,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/Form view.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/Form view.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
</div> </div>
@ -309,15 +345,20 @@
<div class="container" style="margin-top: 3rem;"> <div class="container" style="margin-top: 3rem;">
<div class="row" style="margin: 2rem; ; min-width: 100% !important;"> <div class="row" style="margin: 2rem; ; min-width: 100% !important;">
<div class="col-lg-8" style="padding: 1rem 1rem 1rem 0rem !important;"> <div class="col-lg-8"
style="padding: 1rem 1rem 1rem 0rem !important;">
<div class=" shadow" <div class=" shadow"
style="background-color: #fff !important; border-top: 3px solid #556EE6 !important; padding: 2.5rem 0rem 0rem 0rem !important;"> style="background-color: #fff !important; border-top: 3px solid #556EE6 !important; padding: 2.5rem 0rem 0rem 0rem !important;">
<h3 class="mx-4 mt-3" style="font-weight: 700 !important;">Overview</h3> <h3 class="mx-4 mt-3" style="font-weight: 700 !important;">
Overview</h3>
<h6 class="mx-4" <h6 class="mx-4"
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Code Backend Theme V15 is an Attractive Theme for Your Odoo 15. Code Backend Theme V15 is an Attractive Theme for Your
This Theme Will Change Improve Your Experience With Odoo. Odoo 15.
This is a Minimalist and Elegant Backend Theme for Odoo 15 And Can Offer a Perfect Choice This Theme Will Change Improve Your Experience With
Odoo.
This is a Minimalist and Elegant Backend Theme for Odoo
15 And Can Offer a Perfect Choice
for for
Your Odoo Backend. Your Odoo Backend.
</h6> </h6>
@ -356,29 +397,35 @@
</span> </span>
</div> </div>
<img src="./assets/all_screens.png" class="img-responsive" width="100% !important" <img src="./assets/all_screens.png" class="img-responsive"
width="100% !important"
height="auto !important"> height="auto !important">
</div> </div>
</div> </div>
<div class="col-lg-4" style="padding: 1rem 0rem 1rem 1rem!important;"> <div class="col-lg-4"
style="padding: 1rem 0rem 1rem 1rem!important;">
<div class="shadow" <div class="shadow"
style="background-color: #fff !important; border-top: 3px solid #556EE6 !important; padding: 2.5rem 0rem 0rem 1.5rem !important; position: relative; overflow: hidden !important;"> style="background-color: #fff !important; border-top: 3px solid #556EE6 !important; padding: 2.5rem 0rem 0rem 1.5rem !important; position: relative; overflow: hidden !important;">
<div class="text-center" <div class="text-center"
style="font-size: 0.9rem !important; background-color: #556EE6 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;"> style="font-size: 0.9rem !important; background-color: #556EE6 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;">
New New
</div> </div>
<h3 class="mt-3" style="font-weight: 700 !important;">All-New Menu Design</h3> <h3 class="mt-3" style="font-weight: 700 !important;">
All-New Menu Design</h3>
<h6 <h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; padding-bottom: 3.8rem !important;"> style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; padding-bottom: 3.8rem !important;">
The All-New Menu Design is Main Attractive Section for the Code Backend Theme. The Sidebar The All-New Menu Design is Main Attractive Section for
the Code Backend Theme. The Sidebar
have New Minimalist have New Minimalist
Icons for Applications in Odoo. Also the Sidebar Have Closing and Opening Option. Icons for Applications in Odoo. Also the Sidebar Have
Closing and Opening Option.
Customisable Logo Attached in Sidebar Customisable Logo Attached in Sidebar
That is Automatically Fetch Your Company Logo. That is Automatically Fetch Your Company Logo.
</h6> </h6>
<img src="./assets/menu_focus.png" class="img-responsive" width="100% !important" <img src="./assets/menu_focus.png" class="img-responsive"
width="100% !important"
height="auto !important"> height="auto !important">
</div> </div>
</div> </div>
@ -393,19 +440,24 @@
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
<h3 style="font-weight: 700 !important;">Easily Access Sidebar Menu</h3> <h3 style="font-weight: 700 !important;">Easily Access Sidebar
Menu</h3>
<h6 <h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Reveal the sidebar menu with just a click. Sidebar menu features all the relevant links to Reveal the sidebar menu with just a click. Sidebar menu
features all the relevant links to
navigate navigate
through the application. through the application.
Hiding the sidebar leaves more space on the main area offering a distraction-free view that lets Hiding the sidebar leaves more space on the main area
offering a distraction-free view that lets
you you
focus on what matters the most. focus on what matters the most.
</h6> </h6>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/easily-access-menu.gif" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/easily-access-menu.gif" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
</div> </div>
@ -428,13 +480,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">1</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
1</h6>
</div> </div>
<h6 class="mt-2 ml-2">Login Page</h6> <h6 class="mt-2 ml-2">Login Page</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/login.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/login.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -444,13 +499,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">2</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
2</h6>
</div> </div>
<h6 class="mt-2 ml-2">Group By View</h6> <h6 class="mt-2 ml-2">Group By View</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/2.groupbyview.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/2.groupbyview.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -460,13 +518,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">3</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
3</h6>
</div> </div>
<h6 class="mt-2 ml-2">Settings Page</h6> <h6 class="mt-2 ml-2">Settings Page</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/3.settings page.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/3.settings page.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -476,13 +537,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">4</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
4</h6>
</div> </div>
<h6 class="mt-2 ml-2">Discuss Page</h6> <h6 class="mt-2 ml-2">Discuss Page</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/4.discusspage.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/4.discusspage.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -492,13 +556,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">5</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
5</h6>
</div> </div>
<h6 class="mt-2 ml-2">Product Kanban View</h6> <h6 class="mt-2 ml-2">Product Kanban View</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/5.productskanaban.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/5.productskanaban.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -508,13 +575,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">6</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
6</h6>
</div> </div>
<h6 class="mt-2 ml-2">Purchase List View</h6> <h6 class="mt-2 ml-2">Purchase List View</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/6.purchase view.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/6.purchase view.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -524,13 +594,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">7</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
7</h6>
</div> </div>
<h6 class="mt-2 ml-2">Product View with Smart Buttons</h6> <h6 class="mt-2 ml-2">Product View with Smart Buttons</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/7.productviewsmartbuttons.png" width="100%" height="auto" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/7.productviewsmartbuttons.png"
width="100%" height="auto"
class="img-responsive"> class="img-responsive">
</div> </div>
</div> </div>
@ -540,14 +613,18 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">8</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
8</h6>
</div> </div>
<h6 class="mt-2 ml-2">Modified Alert Notifications are Placed on the Right Bottom of Display <h6 class="mt-2 ml-2">Modified Alert Notifications are
Placed on the Right Bottom of Display
</h6> </h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/8error.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/8error.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -557,13 +634,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">9</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
9</h6>
</div> </div>
<h6 class="mt-2 ml-2">Wizards and User Error Popups</h6> <h6 class="mt-2 ml-2">Wizards and User Error Popups</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/modal.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/modal.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -573,13 +653,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">10</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
10</h6>
</div> </div>
<h6 class="mt-2 ml-2">New Looks for The Tabs</h6> <h6 class="mt-2 ml-2">New Looks for The Tabs</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/10.newlookoftabs.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/10.newlookoftabs.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -589,13 +672,17 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">11</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
11</h6>
</div> </div>
<h6 class="mt-2 ml-2">Recruitment Kanban View With Ribbons</h6> <h6 class="mt-2 ml-2">Recruitment Kanban View With
Ribbons</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/11.recruitment.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/11.recruitment.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
<div class="row shadow" <div class="row shadow"
@ -604,13 +691,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">12</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
12</h6>
</div> </div>
<h6 class="mt-2 ml-2">Sales Kanban View</h6> <h6 class="mt-2 ml-2">Sales Kanban View</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/12.saleskanban.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/12.saleskanban.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -620,13 +710,17 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">13</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
13</h6>
</div> </div>
<h6 class="mt-2 ml-2">Modified Kanban View for Employees With New Designed Category Section</h6> <h6 class="mt-2 ml-2">Modified Kanban View for Employees
With New Designed Category Section</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/13.modified kanban employee.png" width="100%" height="auto" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/13.modified kanban employee.png"
width="100%" height="auto"
class="img-responsive"> class="img-responsive">
</div> </div>
</div> </div>
@ -638,32 +732,37 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">14</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
14</h6>
</div> </div>
<h6 class="mt-2 ml-2">Sidebar with List View</h6> <h6 class="mt-2 ml-2">Sidebar with List View</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/15.sidebarwithlistview.png" width="100%" height="auto" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/15.sidebarwithlistview.png"
width="100%" height="auto"
class="img-responsive"> class="img-responsive">
</div> </div>
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">15</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
15</h6>
</div> </div>
<h6 class="mt-2 ml-2">Attendance Pages</h6> <h6 class="mt-2 ml-2">Attendance Pages</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/17.attendanceview.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/17.attendanceview.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
@ -673,13 +772,16 @@
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">16</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">
16</h6>
</div> </div>
<h6 class="mt-2 ml-2">Graphs with Sidebar</h6> <h6 class="mt-2 ml-2">Graphs with Sidebar</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12"
<img src="assets/screenshots/16grapghview.png" width="100%" height="auto" class="img-responsive"> style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/16grapghview.png" width="100%"
height="auto" class="img-responsive">
</div> </div>
</div> </div>
</div> </div>
@ -699,9 +801,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/cogs.png" class="img-responsive"
height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Customization</h6> Customization</h6>
</div> </div>
@ -709,9 +813,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/wrench.png" class="img-responsive"
height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Implementation</h6> Implementation</h6>
</div> </div>
@ -719,9 +825,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/lifebuoy.png" class="img-responsive"
height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Support</h6> Support</h6>
</div> </div>
@ -729,9 +837,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/user.png" class="img-responsive"
height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Hire Hire
Odoo Odoo
Developer</h6> Developer</h6>
@ -740,9 +850,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/puzzle.png" class="img-responsive"
height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Integration</h6> Integration</h6>
</div> </div>
@ -750,9 +862,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/update.png" class="img-responsive"
height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Migration</h6> Migration</h6>
</div> </div>
@ -760,9 +874,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/consultation.png"
class="img-responsive" height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Consultancy</h6> Consultancy</h6>
</div> </div>
@ -770,9 +886,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/training.png" class="img-responsive"
height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Implementation</h6> Implementation</h6>
</div> </div>
@ -780,9 +898,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/license.png" class="img-responsive"
height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Licensing Consultancy</h6> Licensing Consultancy</h6>
</div> </div>
@ -791,7 +911,8 @@
<!-- END OF END OF OUR SERVICES --> <!-- END OF END OF OUR SERVICES -->
<!-- OUR INDUSTRIES --> <!-- OUR INDUSTRIES -->
<section class="container" style="margin-top: 6rem !important; background-color: #fff !important;"> <section class="container"
style="margin-top: 6rem !important; background-color: #fff !important;">
<div class="row"> <div class="row">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
@ -803,12 +924,14 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="./assets/icons/trading-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Trading Trading
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easily <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Easily
procure procure
and and
sell your products</p> sell your products</p>
@ -818,12 +941,14 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="./assets/icons/pos-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
POS POS
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easy <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Easy
configuration configuration
and convivial experience</p> and convivial experience</p>
</div> </div>
@ -832,13 +957,15 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/education-black.png" class="img-responsive mb-3" height="48px" <img src="./assets/icons/education-black.png"
class="img-responsive mb-3" height="48px"
width="48px"> width="48px">
<h5 <h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Education Education
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">A <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
A
platform for platform for
educational management</p> educational management</p>
</div> </div>
@ -847,13 +974,15 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px" <img src="./assets/icons/manufacturing-black.png"
class="img-responsive mb-3" height="48px"
width="48px"> width="48px">
<h5 <h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Manufacturing Manufacturing
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Plan, <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Plan,
track and track and
schedule your operations</p> schedule your operations</p>
</div> </div>
@ -861,12 +990,14 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="./assets/icons/ecom-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
E-commerce &amp; Website E-commerce &amp; Website
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Mobile <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Mobile
friendly, friendly,
awe-inspiring product pages</p> awe-inspiring product pages</p>
</div> </div>
@ -874,12 +1005,14 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="./assets/icons/service-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Service Management Service Management
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Keep <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Keep
track of track of
services and invoice</p> services and invoice</p>
</div> </div>
@ -887,13 +1020,15 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" <img src="./assets/icons/restaurant-black.png"
class="img-responsive mb-3" height="48px"
width="48px"> width="48px">
<h5 <h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Restaurant Restaurant
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Run <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Run
your bar or your bar or
restaurant methodically</p> restaurant methodically</p>
</div> </div>
@ -901,12 +1036,14 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="./assets/icons/hotel-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Hotel Management Hotel Management
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">An <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
An
all-inclusive all-inclusive
hotel management application</p> hotel management application</p>
</div> </div>
@ -918,7 +1055,8 @@
<!-- FOOTER --> <!-- FOOTER -->
<!-- Footer Section --> <!-- Footer Section -->
<section class="container" style="margin: 5rem auto 2rem; background-color: #fff !important;"> <section class="container"
style="margin: 5rem auto 2rem; background-color: #fff !important;">
<div class="row" style="max-width:1540px;"> <div class="row" style="max-width:1540px;">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
@ -930,18 +1068,22 @@
<!-- Contact Cards --> <!-- Contact Cards -->
<div class="row d-flex justify-content-center align-items-center" <div class="row d-flex justify-content-center align-items-center"
style="max-width:1540px; margin: 0 auto 2rem auto;"> style="max-width:1540px; margin: 0 auto 2rem auto;">
<div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; "> <div class="col-lg-12"
style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
<div class="row mt-4"> <div class="row mt-4">
<div class="col-lg-6"> <div class="col-lg-6">
<a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover" <a href="mailto:odoo@cybrosys.com" target="_blank"
class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;"><i style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;"><i
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a> class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank" <a href="https://api.whatsapp.com/send?phone=918606827707"
target="_blank"
class="btn btn-block mb-2 deep_hover" class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;"> style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;">
<i class="fa fa-whatsapp mr-2"></i>+91 86068 27707</a> <i class="fa fa-whatsapp mr-2"></i>+91 86068
27707</a>
</div> </div>
</div> </div>
</div> </div>
@ -949,11 +1091,15 @@
<!-- End of Contact Cards --> <!-- End of Contact Cards -->
</section> </section>
<!-- Footer --> <!-- Footer -->
<section class="oe_container" style="padding: 2rem 3rem 1rem; background-color: #fff !important;"> <section class="oe_container"
<div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; "> style="padding: 2rem 3rem 1rem; background-color: #fff !important;">
<div class="row"
style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
<!-- Logo --> <!-- Logo -->
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;"> <div class="col-lg-12 d-flex justify-content-center align-items-center"
<img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" /> style="margin-top: 3rem;">
<img src="https://www.cybrosys.com/images/logo.png"
width="200px" height="auto"/>
</div> </div>
<!-- End of Logo --> <!-- End of Logo -->
</div> </div>

57
code_backend_theme/static/src/js/user_menu/user_menu.js
View File

@ -1,57 +0,0 @@
/** @odoo-module **/
import { browser } from "@web/core/browser/browser";
import { DropdownItem } from "@web/core/dropdown/dropdown_item";
import { registry } from "@web/core/registry";
import { useEffect, useService } from "@web/core/utils/hooks";
const { Component } = owl;
const userMenuRegistry = registry.category("user_menuitems");
class UserMenuItem extends DropdownItem {
setup() {
super.setup();
useEffect(
() => {
if (this.props.payload.id) {
this.el.dataset.menu = this.props.payload.id;
}
},
() => []
);
}
}
export class UserMenu extends Component {
setup() {
this.user = useService("user");
const { origin } = browser.location;
const { userId } = this.user;
this.source = `${origin}/web/image?model=res.users&field=avatar_128&id=${userId}`;
}
getElements() {
const sortedItems = userMenuRegistry
.getAll()
.map((element) => element(this.env))
.sort((x, y) => {
const xSeq = x.sequence ? x.sequence : 100;
const ySeq = y.sequence ? y.sequence : 100;
return xSeq - ySeq;
});
return sortedItems;
}
onDropdownItemSelected(ev) {
ev.detail.payload.callback();
}
}
UserMenu.template = "web.UserMenu";
UserMenu.components = { UserMenuItem };
const systrayItem = {
Component: UserMenu,
isDisplayed: (env) => true,
};
registry.category("systray").add("web.user_menu", systrayItem, { sequence: 0 });

4
code_backend_theme/static/src/scss/login.scss
View File

@ -21,7 +21,9 @@ body.bg-100 {
box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
width: 450px; width: 450px;
} }
.o_main_navbar .o_menu_sections {
flex-wrap: w
}
a { a {
color: #556ee6; color: #556ee6;
text-decoration: none; text-decoration: none;

4
code_backend_theme/static/src/scss/navigation_bar.scss
View File

@ -334,6 +334,10 @@ z-index: 1;
.o_optional_columns_dropdown_toggle{ .o_optional_columns_dropdown_toggle{
z-index: 999; z-index: 999;
} }
.o_home_menu_background:not(.o_home_menu_background_custom) .o_main_navbar{
max-height:100px;
}
.o_progressbar .o_progress .o_progressbar_complete { .o_progressbar .o_progress .o_progressbar_complete {
background-color: #3d9bbb; background-color: #3d9bbb;

57
code_backend_theme/static/src/scss/theme.scss
View File

@ -98,7 +98,6 @@ background: $bg_white !important;
.o_searchview { .o_searchview {
border: 1px solid #ddd; border: 1px solid #ddd;
height: 38px;
padding-left: 12px; padding-left: 12px;
padding-right: 20px; padding-right: 20px;
-webkit-box-shadow: none; -webkit-box-shadow: none;
@ -117,7 +116,8 @@ background: $bg_white !important;
border: 1px solid #ddd; border: 1px solid #ddd;
background: #f8f8fb; background: #f8f8fb;
border-radius: 10px; border-radius: 10px;
padding: 0 4px; padding: 0 2px;
max-height:20px;
} }
.o_cp_bottom_right span.o_dropdown_title { .o_cp_bottom_right span.o_dropdown_title {
color: #555b6d; color: #555b6d;
@ -584,6 +584,9 @@ th.o_list_record_selector {
.o_required_modifier > .o_input_dropdown > .ui-autocomplete-input { .o_required_modifier > .o_input_dropdown > .ui-autocomplete-input {
border-left: solid 3px #f46a6a !important; border-left: solid 3px #f46a6a !important;
} }
.fa-building-o{
color: #555b6d !important;
}
//sheet end //sheet end
//Discuss //Discuss
@ -724,6 +727,7 @@ i.o_PartnerImStatusIcon_outerBackground.fa.fa-circle.fa-stack-1x {
border-bottom: solid; border-bottom: solid;
font-weight: bold; font-weight: bold;
background: $primary_accent; background: $primary_accent;
background-color: $primary_accent !important;
color: #ffffff !important; color: #ffffff !important;
border-radius: 5px; border-radius: 5px;
} }
@ -855,6 +859,7 @@ select {
border: none !important; border: none !important;
height: auto !important; height: auto !important;
margin: 0 !important; margin: 0 !important;
padding: 0px;
} }
.o_base_settings .o_control_panel .o_panel .o_setting_search .searchIcon { .o_base_settings .o_control_panel .o_panel .o_setting_search .searchIcon {
top: 9px; top: 9px;
@ -889,7 +894,6 @@ select {
border-radius: 5px; border-radius: 5px;
} }
.settings_tab { .settings_tab {
flex : auto;
background-color: #ffffff !important; background-color: #ffffff !important;
-webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
@ -1055,6 +1059,11 @@ td.o_main:hover {
//Purchase app ends //Purchase app ends
//input inside colour starts //input inside colour starts
.o_searchview .o_searchview_facet .o_facet_values{
border :1px solid white;
}
select, input { select, input {
color: #4c4c4c !important; color: #4c4c4c !important;
} }
@ -1067,6 +1076,10 @@ select, input {
.o_datepicker.o_field_date.o_field_widget.o_required_modifier > input { .o_datepicker.o_field_date.o_field_widget.o_required_modifier > input {
color: #4c4c4c !important; color: #4c4c4c !important;
} }
.o_field_widget.o_field_many2manytags .o_tag_color_0{
max-height:20px;
}
//input inside colour ends //input inside colour ends
//welcome demo starts //welcome demo starts
@ -1443,14 +1456,12 @@ ul.o_menu_sections {
nav.o_main_navbar { nav.o_main_navbar {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: left; justify-content: right;
height: auto; height: auto;
} }
ul.o_menu_systray.topbar_icon { ul.o_menu_systray.topbar_icon {
margin-right: 0; margin-left: auto;
} }
} }
//top menu bar ends //top menu bar ends
@ -1480,12 +1491,8 @@ div.dropdown-menu.bootstrap-datetimepicker-widget{
//Responsive starts //Responsive starts
@media (max-width:992px) { @media (max-width:992px) {
.o-dropdown.dropup > .o-dropdown--menu, .o-dropdown.dropdown > .o-dropdown--menu, .o-dropdown.dropleft > .o-dropdown--menu, .o-dropdown.dropright > .o-dropdown--menu {
position:absolute !important;
}
.o_action_manager.sidebar_margin { .o_action_manager.sidebar_margin {
margin: 0 !important; margin: 0 !important;
background-color:red;
} }
.top_heading.sidebar_margin { .top_heading.sidebar_margin {
margin: 0 !important; margin: 0 !important;
@ -1523,7 +1530,7 @@ div.dropdown-menu.bootstrap-datetimepicker-widget{
margin-left: 20px; margin-left: 20px;
} }
.o_main_navbar .o_user_menu { .o_main_navbar .o_user_menu {
margin-left: auto; margin-left: 20px;
} }
.sidebar_panel .sidebar .sidebar_logo img { .sidebar_panel .sidebar .sidebar_logo img {
max-width: 112px; max-width: 112px;
@ -1598,27 +1605,9 @@ div.dropdown-menu.bootstrap-datetimepicker-widget{
background: #74788d; background: #74788d;
} }
} }
@media (max-width:400px) {
.o_main_navbar .o_user_menu .oe_topbar_avatar {
height: 35px;
width: 35px;
}
ul.o_menu_systray.topbar_icon .dropdown-menu.show{
left: 0px !important;
margin-right: 50px !important;
}
ul.o_menu_systray.topbar_icon {
margin-left: 0;
}
}
//Responsive ends //Responsive ends
//New changes //New changes
.o_base_settings .o_setting_container .settings_tab {
flex:auto !important;
}
.o_main_navbar .dropdown .dropdown-toggle, .o_main_navbar .o_menu_sections .dropdown .dropdown-toggle, .o_main_navbar .dropdown .dropdown-toggle, .o_main_navbar .o_menu_sections .dropdown .dropdown-toggle,
.o_main_navbar .o_menu_systray .dropdown .dropdown-toggle, .o_main_navbar .o_nav_entry, .o_main_navbar .o_menu_systray .dropdown .dropdown-toggle, .o_main_navbar .o_nav_entry,
@ -1628,11 +1617,15 @@ div.dropdown-menu.bootstrap-datetimepicker-widget{
.o_main_navbar .o_menu_toggle, .o_main_navbar .o_navbar_apps_menu, .o_main_navbar .o_menu_brand { .o_main_navbar .o_menu_toggle, .o_main_navbar .o_navbar_apps_menu, .o_main_navbar .o_menu_brand {
color: $f_color !important; color: $f_color !important;
} }
.o_content .o_expense_purple { .o_content .o_expense_purple {
color: #556ee6; color: #556ee6;
} }
.row.o_recruitment_kanban_boxes .custom-checkbox input:checked + label::after { .row.o_recruitment_kanban_boxes .custom-checkbox input:checked + label::after {
display:none display:none
} }
//new fix
.o_form_view .oe_button_box + .oe_title, .o_form_view .oe_button_box + .oe_avatar + .oe_title
{
width: 100% !important;
}

21
code_backend_theme/static/src/xml/top_bar.xml
View File

@ -4,10 +4,9 @@
<t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1"> <t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1">
<xpath expr="//nav[hasclass('o_main_navbar')]" position="replace"> <xpath expr="//nav[hasclass('o_main_navbar')]" position="replace">
<nav class="o_main_navbar d-flex justify-content-between" <nav class="o_main_navbar"
t-on-dropdown-item-selected="onNavBarDropdownItemSelection" t-on-dropdown-item-selected="onNavBarDropdownItemSelection"
data-command-category="navbar"> data-command-category="navbar">
<div class="d-flex">
<div class="top_heading"> <div class="top_heading">
<!-- Apps Menu --> <!-- Apps Menu -->
<t t-call="web.NavBar.AppsMenu"> <t t-call="web.NavBar.AppsMenu">
@ -24,17 +23,16 @@
</div> </div>
<!-- Current App Sections --> <!-- Current App Sections -->
<t t-if="currentAppSections.length" <t t-if="currentAppSections.length" t-call="web.NavBar.SectionsMenu">
t-call="web.NavBar.SectionsMenu"> <t t-set="sections" t-value="currentAppSections" />
<t t-set="sections" t-value="currentAppSections"/>
</t> </t>
</div>
<!-- Systray --> <!-- Systray -->
<div class="o_menu_systray" role="menu"> <div class="o_menu_systray" role="menu">
<t t-foreach="systrayItems" t-as="item" t-key="item_index"> <t t-foreach="systrayItems" t-as="item" t-key="item_index">
<NotUpdatable> <NotUpdatable>
<ErrorHandler onError="error => handleItemError(error, item)"> <ErrorHandler onError="error => handleItemError(error, item)">
<t t-component="item.Component" t-props="item.props"/> <t t-component="item.Component" t-props="item.props" />
</ErrorHandler> </ErrorHandler>
</NotUpdatable> </NotUpdatable>
</t> </t>
@ -72,15 +70,12 @@
</t> </t>
<t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1"> <t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1">
<xpath expr="//Dropdown[hasclass('o_navbar_apps_menu')]" <xpath expr="//Dropdown[hasclass('o_navbar_apps_menu')]" position="replace">
position="replace">
<li class="dropdown"> <li class="dropdown">
<a id="openSidebar" <a id="openSidebar" style="display: block; cursor: pointer;">
style="display: block; cursor: pointer;">
<i class="fa fa-bars fa-lg"/> <i class="fa fa-bars fa-lg"/>
</a> </a>
<a id="closeSidebar" <a id="closeSidebar" style="display: none; cursor: pointer;">
style="display: none; cursor: pointer;">
<i class="fa fa-bars fa-lg"/> <i class="fa fa-bars fa-lg"/>
</a> </a>
</li> </li>

Write Preview
Loading…
Cancel
Save