From 0cfe8d4e2b955f32b42aa131bc623128c1d88c5e Mon Sep 17 00:00:00 2001
From: Tuyentran12345 <trandinhtuyen2018@gmail.com>
Date: Fri, 3 Apr 2026 10:05:15 +0700
Subject: [PATCH] [FIX] viin_brand_website_slides: fix bad UI

---
 .../src/scss/bootstrap_review_frontend.scss   | 48 +++++++++++++++++++
 viin_brand_website_slides/__manifest__.py     |  9 ++++
 .../data/website_slides_templates_profile.xml |  7 +++
 .../static/src/scss/website_slides.scss       | 25 ++++++++++
 4 files changed, 89 insertions(+)
 create mode 100644 viin_brand_website_slides/data/website_slides_templates_profile.xml
 create mode 100644 viin_brand_website_slides/static/src/scss/website_slides.scss

diff --git a/viin_brand_common/static/src/scss/bootstrap_review_frontend.scss b/viin_brand_common/static/src/scss/bootstrap_review_frontend.scss
index 85a92f778..03f85f746 100644
--- a/viin_brand_common/static/src/scss/bootstrap_review_frontend.scss
+++ b/viin_brand_common/static/src/scss/bootstrap_review_frontend.scss
@@ -4,3 +4,51 @@
 		color: $white;
 	}
 }
+
+.dropdown-item {
+	padding: 8px 14px;
+	transition: all 0.2s ease-in-out;
+}
+
+.form-control:focus {
+	outline: none;
+	border-color: $brand-primary !important;
+	box-shadow:
+		0 0 4px rgba($brand-primary, 0.4),
+		0 0 8px rgba($brand-primary, 0.3);
+	transition: all 0.25s ease;
+}
+
+.o_cc .dropdown-menu .dropdown-item.active,
+.navbar-light .o_dropdown_menu .dropdown-item:active {
+	--dropdown-link-active-color: #{$white} !important;
+}
+
+.dropdown-item.active,
+.dropdown-item:active {
+	background: $brand-primary !important;
+	color: white !important;
+}
+
+.form-check-input {
+	&:focus {
+		border-color: $brand-primary !important;
+		box-shadow: none;
+	}
+
+	&:checked {
+		background-color: $brand-primary !important;
+		border-color: $brand-primary !important;
+	}
+
+	&:hover {
+		border-color: $brand-primary !important;
+	}
+}
+
+.form-check,
+.form-switch {
+	&:hover .form-check-input:not(:disabled) {
+		border-color: $brand-primary !important;
+	}
+}
diff --git a/viin_brand_website_slides/__manifest__.py b/viin_brand_website_slides/__manifest__.py
index bacf0062f..cf0050997 100644
--- a/viin_brand_website_slides/__manifest__.py
+++ b/viin_brand_website_slides/__manifest__.py
@@ -40,6 +40,15 @@
     # any module necessary for this one to work correctly
     'depends': ['website_slides'],
 
+    'assets': {
+        'web.assets_frontend': [
+            'viin_brand_website_slides/static/src/scss/website_slides.scss',
+        ],
+    },
+    'data': [
+        'data/website_slides_templates_profile.xml',
+    ],
+
     'images': [
         # 'static/description/main_screenshot.png'
         ],
diff --git a/viin_brand_website_slides/data/website_slides_templates_profile.xml b/viin_brand_website_slides/data/website_slides_templates_profile.xml
new file mode 100644
index 000000000..533c5a9bb
--- /dev/null
+++ b/viin_brand_website_slides/data/website_slides_templates_profile.xml
@@ -0,0 +1,7 @@
+<odoo>
+    <template id="display_course" inherit_id="website_slides.display_course">
+        <xpath expr="//div[hasclass('overflow-hidden')]" position="attributes">
+            <attribute name="style"></attribute>
+        </xpath>  
+    </template>
+</odoo>
diff --git a/viin_brand_website_slides/static/src/scss/website_slides.scss b/viin_brand_website_slides/static/src/scss/website_slides.scss
new file mode 100644
index 000000000..3415abc3c
--- /dev/null
+++ b/viin_brand_website_slides/static/src/scss/website_slides.scss
@@ -0,0 +1,25 @@
+.o_wslides_channel_completion_progressbar .progress .progress-bar {
+    background-color: #00bbce;
+}
+.o_wslides_home_content_section .progress .progress-bar {
+    background-color: #00bbce;
+}
+.o_wslides_home_nav .navbar{
+    padding: 10px
+}
+
+.o_wprofile_nav_tabs .nav-link:not(.active):hover {
+    background: #7f4282;
+}
+
+.o_wslides_course_main .o_wslides_nav_tabs .nav-link:not(.active):hover {
+    background: #7f4282;
+}
+
+.o_wslides_course_header{
+    background: $brand-primary;
+}
+
+.o_wslides_course_pict{
+    border: none;
+}