+ Custom discuss view +
+
+
diff --git a/clarity_backend_theme_bits/static/description/logo.gif b/clarity_backend_theme_bits/static/description/logo.gif
new file mode 100644
index 0000000..3362561
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/logo.gif differ
diff --git a/clarity_backend_theme_bits/static/description/modules/access-group.png b/clarity_backend_theme_bits/static/description/modules/access-group.png
new file mode 100644
index 0000000..665d616
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/access-group.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/app-1.png b/clarity_backend_theme_bits/static/description/modules/app-1.png
new file mode 100644
index 0000000..c3e7a45
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/app-1.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/app-2.png b/clarity_backend_theme_bits/static/description/modules/app-2.png
new file mode 100644
index 0000000..bcc93b8
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/app-2.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/app-3.png b/clarity_backend_theme_bits/static/description/modules/app-3.png
new file mode 100644
index 0000000..0086b5c
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/app-3.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/app-4.png b/clarity_backend_theme_bits/static/description/modules/app-4.png
new file mode 100644
index 0000000..4e5547c
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/app-4.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/app-5.png b/clarity_backend_theme_bits/static/description/modules/app-5.png
new file mode 100644
index 0000000..a4f6696
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/app-5.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/app-6.png b/clarity_backend_theme_bits/static/description/modules/app-6.png
new file mode 100644
index 0000000..426afee
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/app-6.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/import-export.png b/clarity_backend_theme_bits/static/description/modules/import-export.png
new file mode 100644
index 0000000..6a27df9
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/import-export.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/law-firm.gif b/clarity_backend_theme_bits/static/description/modules/law-firm.gif
new file mode 100644
index 0000000..fef5019
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/law-firm.gif differ
diff --git a/clarity_backend_theme_bits/static/description/modules/login-withany-user.png b/clarity_backend_theme_bits/static/description/modules/login-withany-user.png
new file mode 100644
index 0000000..5aed9ed
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/login-withany-user.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/login_user_with_user_audit.png b/clarity_backend_theme_bits/static/description/modules/login_user_with_user_audit.png
new file mode 100644
index 0000000..a365c56
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/login_user_with_user_audit.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/new-sam-banner.gif b/clarity_backend_theme_bits/static/description/modules/new-sam-banner.gif
new file mode 100644
index 0000000..4feda0a
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/new-sam-banner.gif differ
diff --git a/clarity_backend_theme_bits/static/description/modules/real-estate.gif b/clarity_backend_theme_bits/static/description/modules/real-estate.gif
new file mode 100644
index 0000000..593c44f
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/real-estate.gif differ
diff --git a/clarity_backend_theme_bits/static/description/modules/sam.gif b/clarity_backend_theme_bits/static/description/modules/sam.gif
new file mode 100644
index 0000000..883f004
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/sam.gif differ
diff --git a/clarity_backend_theme_bits/static/description/modules/soft-restrict.png b/clarity_backend_theme_bits/static/description/modules/soft-restrict.png
new file mode 100644
index 0000000..89f2a9e
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/soft-restrict.png differ
diff --git a/clarity_backend_theme_bits/static/description/modules/user-audit.gif b/clarity_backend_theme_bits/static/description/modules/user-audit.gif
new file mode 100644
index 0000000..c0e2f67
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/user-audit.gif differ
diff --git a/clarity_backend_theme_bits/static/description/modules/wp-connector.png b/clarity_backend_theme_bits/static/description/modules/wp-connector.png
new file mode 100644
index 0000000..3852743
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/modules/wp-connector.png differ
diff --git a/clarity_backend_theme_bits/static/description/new-sam-banner.gif b/clarity_backend_theme_bits/static/description/new-sam-banner.gif
new file mode 100644
index 0000000..4feda0a
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/new-sam-banner.gif differ
diff --git a/clarity_backend_theme_bits/static/description/theme_screenshot.gif b/clarity_backend_theme_bits/static/description/theme_screenshot.gif
new file mode 100644
index 0000000..cf48b8f
Binary files /dev/null and b/clarity_backend_theme_bits/static/description/theme_screenshot.gif differ
diff --git a/clarity_backend_theme_bits/static/img/logo.png b/clarity_backend_theme_bits/static/img/logo.png
new file mode 100644
index 0000000..0bb577d
Binary files /dev/null and b/clarity_backend_theme_bits/static/img/logo.png differ
diff --git a/clarity_backend_theme_bits/static/src/js/Headerbar.js b/clarity_backend_theme_bits/static/src/js/Headerbar.js
new file mode 100644
index 0000000..541c44c
--- /dev/null
+++ b/clarity_backend_theme_bits/static/src/js/Headerbar.js
@@ -0,0 +1,193 @@
+/** @odoo-module **/
+
+import { Dropdown } from "@web/core/dropdown/dropdown";
+import { useService } from "@web/core/utils/hooks";
+import { registry } from "@web/core/registry";
+import { debounce } from "@web/core/utils/timing";
+import { ErrorHandler } from "@web/core/utils/components";
+import { NavBarDropdownItem,MenuDropdown } from '@web/static/src/webclient/navbar/navbar';
+import {
+ Component,
+ onWillDestroy,
+ useExternalListener,
+ useEffect,
+ useRef,
+ onWillUnmount,
+} from "@odoo/owl";
+const systrayRegistry = registry.category("systray");
+
+const getBoundingClientRect = Element.prototype.getBoundingClientRect;
+
+export class HeaderBar extends NavBar {
+ setup() {
+ this.currentAppSectionsExtra = [];
+ this.actionService = useService("action");
+ this.menuService = useService("menu");
+ this.root = useRef("root");
+ this.appSubMenus = useRef("appSubMenus");
+ const debouncedAdapt = debounce(this.adapt.bind(this), 250);
+ onWillDestroy(() => debouncedAdapt.cancel());
+ useExternalListener(window, "resize", debouncedAdapt);
+
+ let adaptCounter = 0;
+ const renderAndAdapt = () => {
+ adaptCounter++;
+ this.render();
+ };
+
+ systrayRegistry.addEventListener("UPDATE", renderAndAdapt);
+ this.env.bus.addEventListener("MENUS:APP-CHANGED", renderAndAdapt);
+
+ onWillUnmount(() => {
+ systrayRegistry.removeEventListener("UPDATE", renderAndAdapt);
+ this.env.bus.removeEventListener("MENUS:APP-CHANGED", renderAndAdapt);
+ });
+
+ // We don't want to adapt every time we are patched
+ // rather, we adapt only when menus or systrays have changed.
+ useEffect(
+ () => {
+ this.adapt();
+ },
+ () => [adaptCounter]
+ );
+ }
+
+ handleItemError(error, item) {
+ // remove the faulty component
+ item.isDisplayed = () => false;
+ Promise.resolve().then(() => {
+ throw error;
+ });
+ }
+
+ get currentApp() {
+ return this.menuService.getCurrentApp();
+ }
+
+ get currentAppSections() {
+ return (
+ (this.currentApp && this.menuService.getMenuAsTree(this.currentApp.id).childrenTree) ||
+ []
+ );
+ }
+
+ // This dummy setter is only here to prevent conflicts between the
+ // Enterprise NavBar extension and the Website NavBar patch.
+ set currentAppSections(_) {}
+
+ get systrayItems() {
+ return systrayRegistry
+ .getEntries()
+ .map(([key, value]) => ({ key, ...value }))
+ .filter((item) => ("isDisplayed" in item ? item.isDisplayed(this.env) : true))
+ .reverse();
+ }
+
+ // This dummy setter is only here to prevent conflicts between the
+ // Enterprise NavBar extension and the Website NavBar patch.
+ set systrayItems(_) {}
+
+ /**
+ * Adapt will check the available width for the app sections to get displayed.
+ * If not enough space is available, it will replace by a "more" menu
+ * the least amount of app sections needed trying to fit the width.
+ *
+ * NB: To compute the widths of the actual app sections, a render needs to be done upfront.
+ * By the end of this method another render may occur depending on the adaptation result.
+ */
+ async adapt() {
+ if (!this.root.el) {
+ /** @todo do we still need this check? */
+ // currently, the promise returned by 'render' is resolved at the end of
+ // the rendering even if the component has been destroyed meanwhile, so we
+ // may get here and have this.el unset
+ return;
+ }
+
+ // ------- Initialize -------
+ // Get the sectionsMenu
+ const sectionsMenu = this.appSubMenus.el;
+ if (!sectionsMenu) {
+ // No need to continue adaptations if there is no sections menu.
+ return;
+ }
+
+ // Save initial state to further check if new render has to be done.
+ const initialAppSectionsExtra = this.currentAppSectionsExtra;
+ const firstInitialAppSectionExtra = [...initialAppSectionsExtra].shift();
+ const initialAppId = firstInitialAppSectionExtra && firstInitialAppSectionExtra.appID;
+
+ // Restore (needed to get offset widths)
+ const sections = [
+ ...sectionsMenu.querySelectorAll(":scope > *:not(.o_menu_sections_more)"),
+ ];
+ for (const section of sections) {
+ section.classList.remove("d-none");
+ }
+ this.currentAppSectionsExtra = [];
+
+ // ------- Check overflowing sections -------
+ // use getBoundingClientRect to get unrounded values for width in order to avoid rounding problem
+ // with offsetWidth.
+ const sectionsAvailableWidth = getBoundingClientRect.call(sectionsMenu).width;
+ const sectionsTotalWidth = sections.reduce(
+ (sum, s) => sum + getBoundingClientRect.call(s).width,
+ 0
+ );
+ if (sectionsAvailableWidth < sectionsTotalWidth) {
+ // Sections are overflowing
+ // Initial width is harcoded to the width the more menu dropdown will take
+ let width = 46;
+ for (const section of sections) {
+ if (sectionsAvailableWidth < width + section.offsetWidth) {
+ // Last sections are overflowing
+ const overflowingSections = sections.slice(sections.indexOf(section));
+ overflowingSections.forEach((s) => {
+ // Hide from normal menu
+ s.classList.add("d-none");
+ // Show inside "more" menu
+ const sectionId =
+ s.dataset.section ||
+ s.querySelector("[data-section]").getAttribute("data-section");
+ const currentAppSection = this.currentAppSections.find(
+ (appSection) => appSection.id.toString() === sectionId
+ );
+ this.currentAppSectionsExtra.push(currentAppSection);
+ });
+ break;
+ }
+ width += section.offsetWidth;
+ }
+ }
+
+ // ------- Final rendering -------
+ const firstCurrentAppSectionExtra = [...this.currentAppSectionsExtra].shift();
+ const currentAppId = firstCurrentAppSectionExtra && firstCurrentAppSectionExtra.appID;
+ if (
+ initialAppSectionsExtra.length === this.currentAppSectionsExtra.length &&
+ initialAppId === currentAppId
+ ) {
+ // Do not render if more menu items stayed the same.
+ return;
+ }
+ return this.render();
+ }
+
+ onNavBarDropdownItemSelection(menu) {
+ if (menu) {
+ this.menuService.selectMenu(menu);
+ }
+ }
+
+ getMenuItemHref(payload) {
+ const parts = [`menu_id=${payload.id}`];
+ if (payload.actionID) {
+ parts.push(`action=${payload.actionID}`);
+ }
+ return "#" + parts.join("&");
+ }
+}
+HeaderBar.template = "web.NavBar";
+HeaderBar.components = { Dropdown, NavBarDropdownItem, MenuDropdown, ErrorHandler };
+HeaderBar.props = {};
diff --git a/clarity_backend_theme_bits/static/src/js/SidebarBottom.js b/clarity_backend_theme_bits/static/src/js/SidebarBottom.js
new file mode 100644
index 0000000..d9a1e1f
--- /dev/null
+++ b/clarity_backend_theme_bits/static/src/js/SidebarBottom.js
@@ -0,0 +1,46 @@
+/** @odoo-module **/
+
+import { Dropdown } from "@web/core/dropdown/dropdown";
+import { DropdownItem } from "@web/core/dropdown/dropdown_item";
+import { CheckBox } from "@web/core/checkbox/checkbox";
+import { browser } from "@web/core/browser/browser";
+import { registry } from "@web/core/registry";
+import { Component } from "@odoo/owl";
+import { user } from "@web/core/user";
+import { session } from "@web/session";
+
+
+const userMenuRegistry = registry.category("user_menuitems");
+
+export class SidebarBottom extends Component {
+ setup() {
+ this.user = user;
+ this.dbName = session.db;
+ if (!this.user.userId || !this.env) {
+ return;
+ }
+ const { origin } = browser.location;
+ this.source = `${origin}/web/image?model=res.users&field=avatar_128&id=${this.user.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;
+ }
+}
+
+SidebarBottom.template = "SidebarBottom";
+SidebarBottom.components = { Dropdown, DropdownItem, CheckBox };
+SidebarBottom.props = {};
+
+registry.category("systray").add("SidebarBottom", {
+ Component: SidebarBottom,
+ sequence: 100, // Increased to avoid conflicts with MessagingMenu
+});
\ No newline at end of file
diff --git a/clarity_backend_theme_bits/static/src/js/WebClient.js b/clarity_backend_theme_bits/static/src/js/WebClient.js
new file mode 100644
index 0000000..5917285
--- /dev/null
+++ b/clarity_backend_theme_bits/static/src/js/WebClient.js
@@ -0,0 +1,113 @@
+/** @odoo-module **/
+
+import { WebClient } from "@web/webclient/webclient";
+import { useService } from "@web/core/utils/hooks";
+import { useRef, onMounted } from "@odoo/owl";
+import { patch } from "@web/core/utils/patch";
+import { SidebarBottom } from "./SidebarBottom";
+import { rpc } from "@web/core/network/rpc";
+// import { Transition } from "@web/core/transition";
+
+
+patch(WebClient.prototype, {
+ setup() {
+ super.setup();
+ this.root = useRef("root");
+ this.rpc = rpc;
+ this.companyService = useService("company");
+ this.menuService = useService("menu");
+ this.currentCompany = this.companyService.currentCompany;
+
+ onMounted(() => {
+ this.fetchMenuData();
+ });
+ },
+
+ toggleSidebar(ev) {
+ const toggleEl = ev.currentTarget;
+ toggleEl.classList.toggle("visible");
+ const navWrapper = document.querySelector(".nav-wrapper-bits");
+ if (navWrapper) {
+ navWrapper.classList.toggle("toggle-show");
+ }
+ },
+
+
+ async fetchMenuData() {
+ try {
+ const menuData = this.menuService.getApps();
+ const menuIds = menuData.map((app) => app.id);
+ const result = await this.rpc("/get/menu_data", { menu_ids: menuIds });
+ for (const menu of menuData) {
+ const targetElem = this.root.el?.querySelector(
+ `.primary-nav a.main_link[data-menu="${menu.id}"] .app_icon`
+ );
+ if (!targetElem) continue;
+
+ targetElem.innerHTML = "";
+ const prRecord = result[menu.id]?.[0];
+ if (!prRecord) continue;
+
+ menu.id = prRecord.id;
+ menu.use_icon = prRecord.use_icon;
+ menu.icon_class_name = prRecord.icon_class_name;
+ menu.icon_img = prRecord.icon_img;
+
+ let iconImage;
+ if (prRecord.use_icon) {
+ if (prRecord.icon_class_name) {
+ iconImage = ``;
+ } else if (prRecord.icon_img) {
+ iconImage = `
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ + Clarity Backend Theme +
++ Odoo community backend theme +
+
+ The clarity backend theme have amazing appearance on any device and is easy to
+ switch between all screen sizes. Clicking on any menu is made simple with an
+ contemporary and modern sidebar. You can browse across different apps using
+ elegant sidebar menu.The theme is designed, keeping in mind the delivery of
+ great user experience and user-friendly interface to your users.
+
+
+
+
+
+
+
+
+
+
+ + App Drawer design for Community Addition +
+
+
+
+
+
+ + Login & Signup Redesign +
+
+
+
+
+
+ + Customized Discuss view design +
+
+
+
+
+
+ + Show brand's logo in menu +
+
+
+
+
+
+ + Customzed List, Form, Kanban view design +
+
+
+
+
+
+
+ + Responsive sidebar design +
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Interactive and clean design +
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Custom list view design +
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Custom kanban view design +
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Custom form view design +
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Custom sign up design +
+(The login/signup design will appear only the backend login/signup view. + It will not appear in the website login/signup view.) +
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Custom login design +
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Custom reset form design +
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Set company logo +
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Clarity Pro Backend Theme
++ The clarity backend theme have amazing appearance on any device and is easy to switch between all screen sizes. + The theme is designed, keeping in mind the delivery of great user experience and user-friendly interface to your users. +
+ +
+
+ Main menu for community
+
+
+ Sidebar menu/top menu
+
+
+ Multi tabs management
+
+
+
+
+ Global search
+
+
+ Global search in record
+
+
+ Global search in menu
+
+
+
+
+ Multi font style
+
+
+ Multi icon style
+
+
+ Custom color schemes
+
+
+
+
+ Full-screen switch
+
+
+ Bookmark management
+
+
+ Attractive dark mode
+
+
+
+
+ Kanban & list view style
+
+
+ Checkbox & radio style
+
+
+ RTL support
+
+
+
+
+ 
+
+
+
+
+
+
+ View more
+
+
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+ + Need any help for this module? +
++ Contact us + info@terabits.xyz + for your queries +
+
`;
+ } else if (prRecord.web_icon) {
+ const [iconPath, iconExt] = prRecord.web_icon.split("/icon.");
+ if (iconExt === "svg") {
+ const webSvgIcon = prRecord.web_icon.replace(",", "/");
+ iconImage = `
`;
+ }
+ } else {
+ if (prRecord.icon_img) {
+ iconImage = ``;
+ } else if (prRecord.web_icon) {
+ const [iconPath, iconExt] = prRecord.web_icon.split("/icon.");
+ if (iconExt === "svg") {
+ const webSvgIcon = prRecord.web_icon.replace(",", "/");
+ iconImage = ``;
+ }
+ }
+ targetElem.innerHTML = iconImage;
+ }
+ } catch (error) {
+ console.error("Failed to fetch menu data:", error);
+ }
+ },
+
+ BackMenuToggle(ev) {
+ const parent = ev.currentTarget.parentElement;
+ if (parent) {
+ parent.classList.remove("show");
+ }
+ },
+
+ get currentMenuId() {
+ const actionParams = window.location.hash;
+ const params = new URLSearchParams(actionParams.substring(1));
+ return params.get("menu_id");
+ },
+
+});
+
+patch(WebClient, {
+ components: { ...WebClient.components, SidebarBottom },
+ // components: { ...WebClient.components, SidebarBottom, Transition },
+});
\ No newline at end of file
diff --git a/clarity_backend_theme_bits/static/src/js/navbar.js b/clarity_backend_theme_bits/static/src/js/navbar.js
new file mode 100644
index 0000000..c3d91e2
--- /dev/null
+++ b/clarity_backend_theme_bits/static/src/js/navbar.js
@@ -0,0 +1,67 @@
+/** @odoo-module **/
+
+import { NavBar } from "@web/webclient/navbar/navbar";
+import { useService } from "@web/core/utils/hooks";
+import { patch } from "@web/core/utils/patch";
+import { useEnvDebugContext } from "@web/core/debug/debug_context";
+import { useState } from "@odoo/owl";
+import { rpc } from "@web/core/network/rpc";
+
+patch(NavBar.prototype, {
+ setup() {
+ super.setup();
+ this.debugContext = useEnvDebugContext();
+ this.rpc = rpc;
+ this.companyService = useService("company");
+ this.currentCompany = this.companyService.currentCompany;
+ this.menuService = useService("menu");
+ this.state = useState({
+ ...this.state,
+ isSidebarOpen: false,
+ });
+ this.getMenuItemHref = this.getMenuItemHref.bind(this);
+ },
+
+ onNavBarDropdownItemSelection(menu) {
+ if (menu) {
+ this.menuService.selectMenu(menu);
+ }
+ },
+
+ get currentApp() {
+ return this.menuService.getCurrentApp();
+ },
+
+ getMenuItemHref(payload) {
+ if (!payload || (!payload.actionPath && !payload.actionID)) {
+ return "#";
+ }
+ return `/odoo/${payload.actionPath || "action-" + (payload.actionID || "")}`;
+ },
+
+ toggleSidebar(ev) {
+ this.state.isSidebarOpen = !this.state.isSidebarOpen;
+ const toggleEl = ev.currentTarget;
+ toggleEl.classList.toggle("visible");
+ toggleEl.classList.toggle("sidebar-open");
+ const navWrapper = document.querySelector(".nav-wrapper-bits");
+ if (navWrapper) {
+ navWrapper.classList.toggle("toggle-show");
+ }
+ },
+
+ BackMenuToggle() {
+ const subMenu = document.querySelector(".sub-menu-dropdown.show");
+ if (subMenu) {
+ subMenu.classList.remove("show");
+ }
+ },
+
+ get appsMenuProps() {
+ return {
+ getMenuItemHref: this.getMenuItemHref,
+ onNavBarDropdownItemSelection: this.onNavBarDropdownItemSelection.bind(this),
+ isSmall: this.state.isSmall,
+ };
+ },
+});
\ No newline at end of file
diff --git a/clarity_backend_theme_bits/static/src/scss/layout.scss b/clarity_backend_theme_bits/static/src/scss/layout.scss
new file mode 100644
index 0000000..2640674
--- /dev/null
+++ b/clarity_backend_theme_bits/static/src/scss/layout.scss
@@ -0,0 +1,666 @@
+body.o_web_client{
+ flex-flow: row !important;
+ .wrapper-container-bits{
+ display: flex;
+ width: 100%;
+ .content-wrapper-bits{
+ width: 100%;
+ overflow-x: clip;
+ @media (max-width: 1540px) {
+ height: 100%;
+ // overflow: auto;
+ }
+ .btn-link{
+ color: #282828 !important;
+ }
+ .btn.btn-primary{
+ background-color: #282828 !important;
+ color: #fff !important;
+ border-color: #fff;
+ border: 1px solid #282828;
+ &:focus,&:active,&:hover{
+ background-color: #fff !important;
+ color: #282828 !important;
+ border-color: #282828 !important;
+ }
+ }
+ .btn.btn-secondary{
+ background-color: #f1eef5 !important;
+ color: #282828 !important;
+ // border-color: #282828;
+ // border: 1px solid #282828;
+ &:focus,&:active,&:hover{
+ background-color: #f1eef5 !important;
+ // color: #fff !important;
+ // border-color: #f1eef5 !important;
+ }
+ }
+ .o_main_navbar{
+ padding: 0 10px;
+ .o_menu_systray{
+ align-items: center;
+ .o_user_menu{
+ display: none !important;
+ }
+ button.dropdown-toggle{
+ background-color: #282828;
+ margin: 0px 4px;
+ width: 35px;
+ height: 35px;
+ text-align: center;
+ justify-content: center;
+ border-radius: 6px;
+ i{
+ color: #fff;
+ font-size: 16px !important;
+ }
+ .badge.rounded-pill{
+ position: absolute;
+ right: -10px;
+ top: 2px;
+ background-color: #ffffff;
+ border-color: #282828;
+ border: 1px solid #282828;
+ color: #282828;
+ }
+ &.o_mobile_menu_toggle{
+ padding: 15px !important;
+ }
+ }
+ .o_mobile_preview{
+ a.o_nav_entry{
+
+ }
+ }
+ .o_website_switcher_container,.o_edit_website_container,.o_new_content_container,.o_mobile_preview{
+ button.dropdown-toggle,a.o_nav_entry,.o_nav_entry,a.btn{
+ width: auto !important;
+ background-color: #282828 !important;
+ margin: 0px 4px;
+ height: 35px !important;
+ text-align: center;
+ justify-content: center;
+ border-radius: 6px !important;
+ color: #fff !important;
+ }
+
+ }
+ .o_menu_systray_item{
+ a{
+ .d-none.d-md-block.ms-1{
+ color: #282828 !important;
+ }
+ }
+ }
+ // header button popup
+ .o-mail-DiscussSystray{
+ box-shadow: 0px 1px 5px #abababed;
+ border-radius: 16px;
+ .o-mail-MessagingMenu-header{
+ button.fw-bold{
+ border-bottom: 1px solid #282828;
+ }
+ }
+ }
+ .o_mobile_menu_toggle{
+ display: none !important;
+ }
+ }
+ .sidebar-toggler{
+ cursor: pointer;
+ .sidebar-toggle-bits{
+ font-size: 12px;
+ color: #282828;
+ i.back-arrow{
+ width: 0px !important;
+ visibility: hidden;
+ opacity: 0;
+ }
+ }
+ &:hover{
+ .sidebar-toggle-bits{
+ i.toggle{
+ width: 0px !important;
+ display: none !important;
+ }
+ i.back-arrow{
+ visibility: visible;
+ opacity: 1;
+ transition: all 0.2s;
+ width: 100% !important;
+ font-size: 18px;
+ font-weight: 600;
+ margin-top: 4px;
+ }
+ }
+ }
+ }
+ }
+ .o_action_manager{
+ height: 100%;
+ width: 100%;
+ .o_control_panel{
+ padding: 10px 14px !important;
+ .o_control_panel_main{
+ // create button
+ .o_control_panel_breadcrumbs{
+ .o_control_panel_main_buttons{
+ .btn-outline-primary{
+ color: #282828 !important;
+ border-color: #282828 !important;
+ &:hover,&:focus,&:active{
+ color: #fff !important;
+ background-color: #282828 !important;
+ }
+ }
+ }
+ .breadcrumb{
+ .breadcrumb-item{
+ a{
+ color: #282828 !important;
+ }
+ }
+ }
+ }
+ // action button
+ .o_control_panel_actions{
+ .btn-outline-secondary{
+ border-color: #282828 !important;
+ i{
+ color: #282828 !important;
+ }
+ span{
+ color: #282828 !important;
+ }
+ }
+ .o_cp_searchview .o_searchview{
+ border-radius: 8px 1px 1px 8px;
+ border-color: #282828;
+ }
+ .o-dropdown{
+ button.o_searchview_dropdown_toggler{
+ border-radius: 0px 8px 8px 0px;
+ }
+ }
+ .o_search_bar_menu{
+ i{
+ color: #282828 !important;
+ }
+ }
+ }
+ // navigation
+ .o_control_panel_navigation{
+ .o_pager_counter{
+ span{
+ font-size: 18px;
+ }
+ }
+ button{
+ font-size: 0.875rem;
+ border-radius: 6px !important;
+ border-color: #282828;
+ background-color: #fff !important;
+ color: #282828 !important;
+ height: 35px;
+ margin: 0px 3px;
+ &.active{
+ background-color: #2828282e !important;
+ }
+ // width: 35px;
+ @media (max-width: 768px) {
+ width:auto !important;
+ }
+ }
+ }
+ }
+ }
+ // Discuss module in community
+ .o-mail-Discuss{
+ width: 100%;
+ }
+ .o_content{
+ overflow: auto !important;
+ height: 100vh;
+ margin-bottom: 60px;
+ max-height: calc(100vh - 100px);
+ }
+ // config setting view
+ .o-settings-form-view{
+ .o_setting_container{
+ .settings_tab{
+ .app_name{
+ font-size: 15px !important;
+ }
+ }
+ }
+ }
+ // form view
+ .o_form_view_container{
+ .o_form_sheet_bg{
+ .o_form_statusbar{
+ // overflow: hidden;
+ .o_statusbar_buttons{
+ .btn-primary{
+ background-color: #71639e !important;
+ border-color: #71639e !important;
+ &:hover{
+ background-color: #fff !important;
+ }
+ }
+ .btn-secondary{
+ background-color: #fff !important;
+ border-color: #71639e !important;
+ &:hover{
+ background-color: #71639e !important;
+ }
+ }
+ }
+ .o_arrow_button{
+ border-color: #71639e !important;
+ background-color: #fff;
+ &:after{
+ border-color: #fff;
+ }
+ }
+ .o_statusbar_status{
+ .o_arrow_button{
+ border: none !important;
+ }
+ }
+ ////////////////////////////////////////////////////////////////
+ .o_statusbar_status {
+ .o_arrow_button {
+ font-size: 14px;
+ text-align: center;
+ cursor: default;
+ margin: 0 3px;
+ padding: 5px 25px;
+ float: left;
+ position: relative;
+ background-color: #d9e3f7 !important;
+ user-select: none;
+ transition: background-color 0.2s ease;
+ &:after,&:before{
+ content: " ";
+ position: absolute;
+ top: 0;
+ right: -17px;
+ width: 0;
+ height: 0;
+ border-top: 15px solid transparent;
+ border-bottom: 15px solid transparent;
+ border-left: 17px solid #d9e3f7;
+ z-index: 2;
+ transition: border-color 0.2s ease;
+ }
+ &:hover{
+ color: #282828 !important;
+ }
+ &:before{
+ right: auto;
+ left: 0;
+ border-left: 17px solid #f8f9fa;
+ z-index: 0;
+ }
+ &:first-child{
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ &:before {
+ border: none;
+ }
+ }
+ &.o_arrow_button_current{
+ color: #fff !important;
+ span{
+ color: #fff !important;
+ }
+ background-color: #71639e !important;
+ &:after{
+ border-left: 17px solid #71639e;
+ }
+ }
+ }
+ }
+ }
+ ////////////////////////////////////////////////////////////////
+ .o_form_sheet{
+ border-radius: 8px;
+ box-shadow: 0px 0px 3px #919191;
+ border: none;
+ .o_cell{
+ label,span,a{
+ font-size: 15px !important;
+ }
+ }
+ .o_form_uri{
+ span:first-child{
+ color: #282828 !important;
+ }
+ }
+ .o_notebook{
+ .o_notebook_headers{
+ .nav.nav-tabs{
+ border-top: 1px solid #dee2e6;
+ padding: 0px !important;
+ .nav-item .nav-link{
+ color: #484848;
+ display: block;
+ border-right: 1px solid #2828286b !important;
+ padding: 10px;
+ font-weight: 500;
+ &:after{
+ height: 5px;
+ background-color: #282828;
+ }
+ &:before{
+ height: 5px;
+ background-color: #282828;
+ }
+ &.active{
+ border-bottom: 2px solid #31485e;
+ background: #f9f9f9 !important;
+ font-weight: 600;
+ }
+ }
+ }
+ }
+ }
+ }
+ .o_list_renderer{
+ table{
+ a{
+ color: #000730 !important;
+ }
+ }
+ }
+ }
+ }
+ // kanban view
+ .o_kanban_view{
+ .o_kanban_record{
+ margin: 14px 5px 0px !important;
+ border-radius: 15px;
+ .oe_kanban_card,.oe_kanban_global_click{
+ border-radius: 8px;
+ border-color: #2828286e;
+ border: 1px solid #28282812;
+ box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
+ padding: 14px;
+ }
+ }
+ }
+ // list view
+ .o_list_view.o_action{
+ height: 100%;
+ .o_content{
+ padding: 10px 14px;
+ }
+ .o_list_renderer{
+ border: 0px !important;
+ border-radius: 8px;
+ box-shadow: 0px 0px 3px #919191;
+ .o_list_table{
+ table-layout: auto !important;
+ thead{
+ th{
+ padding: 10px 12px;
+ background-color: #282828;
+ color: #fff !important;
+ button{
+ color: #fff !important;
+ }
+ .form-check-input{
+ background-color: #fff !important;
+ }
+ }
+ }
+ tbody{
+ tr{
+ border-color: #28282899;
+ border: none ;
+ td{
+ border: none;
+ padding: 14px 12px;
+ color: #282828 !important;
+ font-size: 15px !important;
+ font-weight: 500;
+ }
+ &.o_data_row{
+ border-bottom-width: 1px !important;
+ border-bottom-style: dashed !important;
+ }
+ }
+ box-shadow: 0px 1px 2px #e2e2e2;
+ border-radius: 12px;
+ }
+ tfoot{
+ tr{
+ td{
+ border: none;
+ padding: 10px 12px;
+ color: #282828 !important;
+ }
+ }
+ }
+ }
+ .form-check{
+ .form-check-input{
+ &:checked{
+ background-color: #282828 !important;
+ border-color: #282828 !important;
+ }
+ }
+ }
+ }
+ }
+ // graph view
+ .o_graph_view {
+ .o_content {
+ height: calc(100vh - 100px);
+ }
+ }
+ // discuss view
+ .o-mail-Discuss{
+ background: #fff !important;
+ .o-mail-DiscussSidebar{
+ margin: 7px;
+ border: none !important;
+ box-shadow: 0px 1px 4px #9191912e;
+ border-radius: 14px;
+ .o-mail-DiscussSidebar-item{
+ background: #e3e3e39e;
+ color: #282828 !important;
+ border-radius: 7px !important;
+ margin: 5px 10px;
+ padding: 10px 0 !important;
+ font-weight: 600 !important;
+ }
+ }
+ .o-mail-Discuss-content{
+ overflow: scroll !important;
+ .o-mail-Discuss-header{
+ border-bottom: none !important;
+ }
+ .o-mail-Thread{
+ overflow: scroll;
+ margin: 7px;
+ box-shadow: 0px 0px 6px #413d3d3b !important;
+ border: 1px solid #28282800;
+ border-radius: 14px;
+ //msg section
+ .o-mail-Message{
+ margin-top: 16px !important;
+ .o-mail-Message-core{
+ //right content / msg content
+ .o-min-width-0{
+ .o-mail-Message-header{
+ .o-mail-Message-author{
+ font-size: 16px;
+ margin: 8px 0px;
+ }
+ }
+ .o-mail-Message-content{
+ .o-mail-Message-bubble{
+ border-radius: 0px 10px 6px 10px !important;
+ .o-mail-Message-body{
+ padding: 15px 25px !important;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .o-mail-Composer{
+ .o-mail-Composer-coreMain{
+ .btn{
+ color: #282828 !important;
+ }
+ .o-mail-Composer-send{
+ background: #282828 !important;
+ margin: 0 !important;
+ opacity: 1;
+ color: #fff !important;
+ }
+
+ }
+ }
+ }
+ }
+ }
+ #terabits-link{
+ h2{
+ padding: 12px 28px;
+ background: #eee;
+ font-size: 15px !important;
+ }
+ }
+ }
+ }
+ &.editor_has_snippets_hide_backend_navbar{
+ .nav-wrapper-bits{
+ display: none;
+ }
+ }
+}
+.menu {
+ display: block;
+ width: 250px;
+ height: 100%;
+ transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
+ z-index: 999;
+ .icon {
+ position: absolute;
+ top: 12px;
+ right: 10px;
+ pointer-events: none;
+ width: 24px;
+ height: 24px;
+ color: #fff;
+ }
+ a {
+ display: block;
+ white-space: nowrap;
+ }
+}
+
+.menu,
+.menu a,
+.menu a:visited {
+ color: #aaa;
+ text-decoration: none!important;
+ position: relative;
+}
+.new-wrapper {
+ position: absolute;
+ left: 50px;
+ width: calc(100% - 50px);
+ transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
+}
+
+#menu:checked + ul.menu-dropdown {
+ left: 0;
+ -webkit-animation: all .45s cubic-bezier(0.77, 0, 0.175, 1);
+ animation: all .45s cubic-bezier(0.77, 0, 0.175, 1);
+}
+.sub-menu-checkbox:checked + ul.sub-menu-dropdown {
+ display: block!important;
+ -webkit-animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
+ animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
+}
+.openNav .new-wrapper {
+ position: absolute;
+ transform: translate3d(200px, 0, 0);
+ width: calc(100% - 250px);
+ transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
+}
+
+.downarrow {
+ background: transparent;
+ position: absolute;
+ right: 50px;
+ top: 12px;
+ color: #777;
+ width: 24px;
+ height: 24px;
+ text-align: center;
+ display: block;
+}
+.downarrow:hover {
+ color: #fff;
+}
+.menu-dropdown {
+ top: 0;
+ overflow-y: auto;
+}
+.overflow-container {
+ position: relative;
+ height: 100% !important;
+ overflow-y: auto;
+ z-index: -1;
+ display:block;
+}
+.sub-menu-dropdown {
+ background-color: #333;
+}
+.openNav .menu {
+ top: 73px;
+ transform: translate3d(200px, 0, 0);
+ transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
+}
+
+
+@-webkit-keyframes grow {
+
+ 0% {
+ display: none;
+ opacity: 0;
+ }
+ 50% {
+ display: block;
+ opacity: 0.5;
+ }
+ 100% {
+ opacity: 1;
+ }
+
+}
+
+@keyframes grow {
+
+ 0% {
+ display: none;
+ opacity: 0;
+ }
+ 50% {
+ display: block;
+ opacity: 0.5;
+ }
+ 100% {
+ opacity: 1
+ }
+
+}
+.o_navbar_apps_menu{
+ height: 100%;
+}
\ No newline at end of file
diff --git a/clarity_backend_theme_bits/static/src/scss/login.scss b/clarity_backend_theme_bits/static/src/scss/login.scss
new file mode 100644
index 0000000..649d926
--- /dev/null
+++ b/clarity_backend_theme_bits/static/src/scss/login.scss
@@ -0,0 +1,69 @@
+#wrapwrap{
+ .login-view-bits{
+ .oe_login_form,.oe_signup_form,.oe_reset_password_form{
+ .input-group{
+ a.btn{
+ background-color: #282828;
+ color: #fff !important;
+ border-radius: 0px 8px 8px 0px !important;
+ display: flex !important;
+ align-items: center;
+ i{
+ color: #fff !important;
+ padding-left: 5px;
+ margin-top: -4px;
+ }
+ }
+ }
+ input,.form-control{
+ display: block;
+ width: 100%;
+ padding: 0.775rem 1rem;
+ font-size: 1.1rem;
+ font-weight: 500;
+ line-height: 1.5;
+ color: #4B5675;
+ appearance: none;
+ background-clip: padding-box;
+ border: 1px solid #DBDFE9;
+ border-radius: 0.475rem;
+ transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+ &#db{
+ border-radius: 8px 0px 0px 8px !important;
+ }
+ }
+ .col-form-label,.form-label{
+ font-size: 14px !important;
+ font-weight: bold !important;
+ }
+ }
+ .card-body{
+ box-shadow: 0px 0px 10px #d2d1d1;
+ border-radius: 30px;
+ }
+ .oe_login_buttons{
+ .btn-primary[type=submit]{
+ padding: 14px;
+ border-radius: 8px;
+ background: #282828;
+ color: #fff;
+ font-size: 14px;
+ &:hover,&:active,&:focus{
+ color: #282828;
+ background: #fff;
+ border: 1px solid #282828;
+ }
+ }
+ a,button.btn{
+ font-size: 12px;
+ font-weight: 600;
+ }
+ }
+ div.small{
+ a,button.btn{
+ font-size: 12px;
+ font-weight: 600;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/clarity_backend_theme_bits/static/src/scss/navbar.scss b/clarity_backend_theme_bits/static/src/scss/navbar.scss
new file mode 100644
index 0000000..d32ef6f
--- /dev/null
+++ b/clarity_backend_theme_bits/static/src/scss/navbar.scss
@@ -0,0 +1,292 @@
+body.o_web_client{
+ .nav-wrapper-bits{
+ display: none ;
+ &.toggle-show{
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ background-color: #282828;
+ height: 100%;
+ z-index: 999;
+ header{
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ }
+ .sytray-container-bits{
+ margin: 5px 5px;
+ background-color: none !important;
+ button{
+ width: 100%;
+ border: none !important;
+ box-shadow: none !important;
+ background: #343434;
+ border-radius: 10px;
+ img{
+ width: 35px;
+ border-radius: 30px !important;
+ }
+ }
+ mark{
+ font-size: 14px;
+ margin-top: 8px;
+ background: #fff !important;
+ padding: 7px;
+ border-radius: 8px;
+ }
+ .o_user_menu{
+ .o-dropdown--menu{
+ min-width: 15rem !important;
+ .dropdown-item{
+ padding: 5px 20px !important;
+ }
+ // @media (max-width: 768px) {
+ // width: 100%;
+ // height: 100%;
+ // display: flex;
+ // justify-content: center;
+ // align-items: center;
+
+ // }
+ }
+ }
+
+ .powered-by{
+ display: none;
+ }
+ &:hover{
+ .powered-by{
+ display: block !important;
+ color: #fff;
+ a{
+ color: #aab6ff !important;
+ }
+ }
+ }
+ }
+ }
+ .btm-user-menu{
+ z-index: 999;
+ width: 250px;
+ }
+ @media (max-width: 768px) {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ height: 100%;
+ z-index: 11;
+ }
+ }
+ header.o_navbar{
+ nav{
+ background-color: transparent !important;
+ border-bottom: none !important;
+ height: 100%;
+ }
+ .o_company_logo{
+ padding: 8px 20px !important;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background: #343434;
+ border-radius: 10px;
+ margin: 5px 5px;
+ i{
+ color: #fff !important;
+ font-size: 20px;
+ display: none;
+ @media (max-width: 768px) {
+ display: block;
+ }
+ }
+ img{
+ width: 150px;
+ height: 70px;
+ object-fit: contain;
+ }
+ }
+ }
+ .primary-nav{
+ flex: 1 1 0 !important;
+ overflow-y: auto;
+ .overflow-container{
+ .main_link{
+ .app_icon{
+ height: 25px !important;
+ width: 25px !important;
+ display: inline-flex;
+ img{
+ object-fit: contain;
+ }
+ }
+ }
+ }
+ ul#menu-dropdown{
+ list-style-type: none !important;
+ padding-left: 5px !important;
+ li a.main_link{
+ display: flex;
+ align-items: center !important;
+ padding: 1em;
+ font-size: 14px;
+ }
+ ul.header-sub-menus.main{
+ list-style-type: none !important;
+ z-index: 3;
+ position: absolute;
+ left: 0;
+ background-color: #282828 !important;
+ height: 100%;
+ top: 0;
+ width: 100%;
+ padding: 0px 12px;
+ // &:not(.show){
+ // left: 100% !important;
+ // }
+ &:not(.show){
+ display: none;
+ width: 0% ;
+ }
+ .back_main_menu{
+ position: relative;
+ margin-left: -18px;
+ h3{
+ color: #ffff !important;
+ cursor: pointer;
+ }
+ }
+ li{
+ margin-left: 10px ;
+ background: #282828;
+ .header-sub-menus{
+ list-style-type: none !important;
+ border-left: 1px solid #717171;
+ padding: 0;
+ }
+ .sub-main-menu{
+ cursor: pointer !important;
+ font-size: 14px;
+ color: #fff;
+ font-weight: 600;
+ background: #282828;
+ }
+ }
+ // @media (max-width: 768px) {
+ // position: relative !important;
+ // .back_main_menu{
+ // display: none !important;
+ // }
+ // }
+ // &.show{
+ // li{
+ // .collapse{
+ // display: block;
+ // }
+ // }
+ // }
+ a{
+ padding: 0.5rem !important;
+ font-size: 12px !important;
+ }
+ &.show{
+ li{
+ .sub-main-menu{
+ background: #eeeeee14;
+ padding: 5px 10px !important;
+ border-radius: 8px;
+ margin: 8px 0px;
+ }
+ }
+ }
+ }
+ }
+ ::-webkit-scrollbar-track
+ {
+ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+ background-color: #F5F5F5;
+ }
+
+ ::-webkit-scrollbar
+ {
+ width: 6px;
+ background-color: #F5F5F5;
+ }
+
+ ::-webkit-scrollbar-thumb
+ {
+ background-color: #575757;
+ }
+ }
+}
+.button_bg_hover:hover {
+ background-color: gray;
+ color:black;
+}
+.menu-hasdropdown {
+ .button_bg_hover {
+ margin-right: 7%;
+ }
+}
+
+.header-sub-menus .button_bg_hover {
+ margin-right: 0;
+}
+
+.sidebar-toggler {
+ .sidebar-toggle-bits {
+ .chevron-toggle {
+ transition: transform 0.3s ease;
+ }
+
+ &.sidebar-open .chevron-toggle {
+ transform: rotate(180deg);
+ }
+
+ &:not(.sidebar-open) .chevron-toggle {
+ transform: rotate(0deg);
+ }
+ }
+}
+
+.sub-main-menu {
+ .chevron-toggle {
+ transition: transform 0.3s ease;
+ }
+
+ &[aria-expanded="true"] .chevron-toggle {
+ transform: rotate(90deg);
+ }
+
+ &[aria-expanded="false"] .chevron-toggle {
+ transform: rotate(0deg);
+ }
+}
+.o_user_avatar{
+ height: 15%;
+ width: 15%;
+}
+.user-avtar-bits {
+ position: relative;
+ overflow: hidden;
+ transition: max-height 0.3s ease;
+ max-height: 100px;
+}
+
+.user-avtar-bits:hover {
+ max-height: 120px;
+}
+
+.powered-by {
+ opacity: 0;
+ transform: translateY(10px);
+ transition: opacity 0.3s ease, transform 0.3s ease;
+ pointer-events: none;
+ margin-top: 5px;
+}
+
+.user-avtar-bits:hover .powered-by {
+ opacity: 1;
+ transform: translateY(0);
+ pointer-events: auto;
+}
diff --git a/clarity_backend_theme_bits/static/src/xml/WebClient.xml b/clarity_backend_theme_bits/static/src/xml/WebClient.xml
new file mode 100644
index 0000000..72185d5
--- /dev/null
+++ b/clarity_backend_theme_bits/static/src/xml/WebClient.xml
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ Powered By Terabits Technolab
+
+
+
+
+
+
+
+
+
+ + Clarity Backend Theme - Powered by Terabits Technolab +
+
+
+ + Easily set correct access rights with Simplify Access Management app. +
+Don't know how to set correct access rights for multiple users?
+
+
+
+
+ Easily set with Simplify Access Management app.
++ Live demo available + Access Here. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+ 
+
+
+
+
+
+
+ Supports:
+
+
+ Community
+
+
+
+
+ Availability:
+
+
+ Odoo Online
+
+
+ Odoo.sh
+
+
+ On Premise
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Our Features
+ +info includes 300+ elements that you may need to create website without + external plugins.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ Smooth navigation
+ +Easily accessible sidebar where it reveals the sidebar menu on just a click.
+
+
+
+
+
+
+
+
+
+
+ Highly responsive
+ +Critical highlights of the Jazzy backend theme is that it was genuinely responsive.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Theme Features
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+ Truly
+
+
+
+ Truly
+ Responsive
+
+
+
+
+ One of the critical highlights of + the Hue backend theme is that + it was genuinely responsive; moreover, it provides + an efficient interface to manage a mobile device.
+-
+
Appealing card hover style
+ - Detailed product filtering
+
- Modernized mini basket
+
- Cutting-edge single product
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Stunning
+
+
+
+ Stunning
+ Pages
+
+
+
+
+ Jazzy Backend Theme V18 is an Attractive Theme for Your + Odoo 18. This Theme Will Improve + Your Experience With Odoo.
+-
+
- Visually Stunning Design
+
- Customizable Layouts
+
- User-Friendly Navigation
+
+
+
+
+
+
+
+
+
+
+
+ Our Services
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+