From 3a7872b88bb81451e8cdf114c8b58cba6f0a6506 Mon Sep 17 00:00:00 2001 From: WindowsAddict Date: Mon, 11 Nov 2024 19:00:39 +0530 Subject: Add dropdown menu in navbar --- src/css/custom.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) (limited to 'src') diff --git a/src/css/custom.css b/src/css/custom.css index d0ce72f..0ef6710 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -99,3 +99,25 @@ table { --ifm-h1-font-size: 2.2rem; } +/* Dropdown menu container */ +.navbar__item.dropdown:hover .dropdown__menu { + background-color: #94357f; /* Background color for the dropdown menu */ +} + +/* Dropdown menu items */ +.dropdown__menu .dropdown__link { + color: #ffffff; /* Text color for dropdown items */ + padding: 8px 12px; /* Add padding for better click area */ +} + +/* Hover effect for dropdown menu items */ +.dropdown__menu .dropdown__link:hover { + background-color: #732963; /* Background color on hover */ + color: #ffffff; /* Text color on hover */ +} + +/* Specific style for disabled items, if needed */ +.dropdown__menu .dropdown__link--disabled { + color: #ffffffa0; /* Lighter text color for disabled items */ +} + -- cgit v1.2.3