Skip to content

Resolved Bug 523 : Design System > Implement responsiveness for Layout, App Shell, Charts #2029

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
supriyartambewaiin merged 6 commits into from
May 29, 2025
Merged

Resolved Bug 523 : Design System > Implement responsiveness for Layout, App Shell, Charts #2029

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
f282384
.
Dipak7028 May 13, 2025
92a5826
Merge branch 'development' into users/dipak/bug-523-Design-System-lmp…
Dipak7028 May 14, 2025
2306b60
Merge branch 'development' into users/dipak/bug-523-Design-System-lmp…
Dipak7028 May 26, 2025
30209d3
.
Dipak7028 May 26, 2025
ad2b5a8
Merge branch 'development' into users/dipak/bug-523-Design-System-lmp…
supriyartambewaiin May 29, 2025
8acad77
Merge branch 'development' into users/dipak/bug-523-Design-System-lmp…
supriyartambewaiin May 29, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions raaghu-components/src/rds-comp-top-navigation/rds-comp-top-navigation.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1569,7 +1569,7 @@ const filterMenuItem = (menuItem: { label: string, children?: any[] }, query: st
<span className="navbar-toggler-icon"></span>
</button>

<div className="d-flex align-items-center flex-grow-1 justify-content-center">
<div className="d-flex align-items-center flex-grow-1 justify-content-center d-none d-md-flex">
{props.showSearch && props.professional5 && (
<div className="searchBackground" id="serachOption">
<RdsSearch
Expand Down Expand Up @@ -1945,7 +1945,7 @@ const filterMenuItem = (menuItem: { label: string, children?: any[] }, query: st

</div>
</nav>
{props.appshell3 && <nav className="navbar d-flex justify-content-between p-1 min-width align-items-center justify-content-md-end justify-content-lg-between shadow border-top">
{props.appshell3 && <nav className="navbar d-flex justify-content-between p-1 min-width align-items-center justify-content-md-end justify-content-lg-between shadow border-top d-none d-md-flex ">
<div className="d-flex align-items-center justify-content-center flex-grow-1">
<div className="d-flex justify-content-center w-100">
{ breacrumItem?.length > 0 && (
Expand Down Expand Up @@ -1993,7 +1993,7 @@ const filterMenuItem = (menuItem: { label: string, children?: any[] }, query: st
</div>

<button
className="navbar-toggler d-xxl-none d-xl-none d-lg-none d-md-none d-block border-0"
className="navbar-toggler d-xxl-none d-xl-none d-lg-none d-md-none d-block border-0 ms-auto"
type="button"
onClick={props.onClickHamburger}
>
Expand All @@ -2006,13 +2006,13 @@ const filterMenuItem = (menuItem: { label: string, children?: any[] }, query: st
{(!props.product1 && <div>
{props.showLogo && (
<img
className="cursor-pointer pe-4"
className="cursor-pointer pe-4 d-md-flex d-none"
width={140}
src={brandLogo}
alt="raaghu-logo"
></img>
)}
{((!props.product4 && !props.entertainment1)&& <span className="text-bold text-primary ps-4">
{((!props.product4 && !props.entertainment1)&& <span className="text-bold text-primary d-none d-md-flex ps-4">
{navtitle}
</span>)}
</div>)}
Expand All @@ -2034,7 +2034,7 @@ const filterMenuItem = (menuItem: { label: string, children?: any[] }, query: st
</div>
<div
className={
"d-flex px-2 align-items-center justify-content-between right-side-menu"
"d-flex px-5 align-items-center justify-content-between right-side-menu"
}
>
{((!props.product1 && !props.product2 && !props.product3 && !props.product4 && !props.entertainment1) && <>
Expand Down
4 changes: 3 additions & 1 deletion raaghu-react-themes/src/styles/responsive.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -157,7 +157,7 @@
}

#sidebar.bd-links.toggle-sidebar-menu .list-unstyled .child::after {
content: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e") !important;
content: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
}

#languageDropdown {
Expand Down Expand Up @@ -245,6 +245,8 @@

#sidebar.show {
width: 64.3px;
margin-left: 12rem
;
}
}
.custom_sm_scroll{
Expand Down