michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Change class name for drawer breadcrumb

Browse source 
Signed-off-by: ajbura <ajbura@gmail.com>
This commit is contained in:
ajbura 2022-02-16 19:56:02 +05:30
parent e654226e60
commit a55f1df17f
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app/organisms/navigation/DrawerBreadcrumb.jsx
View file

@ -85,9 +85,9 @@ function DrawerBreadcrumb({ spaceId }) {
} }
return ( return (
<div className="breadcrumb__wrapper"> <div className="drawer-breadcrumb__wrapper">
<ScrollView ref={scrollRef} horizontal vertical={false} invisible> <ScrollView ref={scrollRef} horizontal vertical={false} invisible>
<div className="breadcrumb"> <div className="drawer-breadcrumb">
{ {
spacePath.map((id, index) => { spacePath.map((id, index) => {
const noti = (id !== cons.tabs.HOME && index < spacePath.length) const noti = (id !== cons.tabs.HOME && index < spacePath.length)
@ -100,7 +100,7 @@ function DrawerBreadcrumb({ spaceId }) {
> >
{ index !== 0 && <RawIcon size="extra-small" src={ChevronRightIC} />} { index !== 0 && <RawIcon size="extra-small" src={ChevronRightIC} />}
<Button <Button
className={index === spacePath.length - 1 ? 'breadcrumb__btn--selected' : ''} className={index === spacePath.length - 1 ? 'drawer-breadcrumb__btn--selected' : ''}
onClick={() => selectSpace(id)} onClick={() => selectSpace(id)}
> >
<Text variant="b2">{id === cons.tabs.HOME ? 'Home' : twemojify(mx.getRoom(id).name)}</Text> <Text variant="b2">{id === cons.tabs.HOME ? 'Home' : twemojify(mx.getRoom(id).name)}</Text>

4
src/app/organisms/navigation/DrawerBreadcrumb.scss
View file

@ -1,12 +1,12 @@
@use '../../partials/text'; @use '../../partials/text';
@use '../../partials/dir'; @use '../../partials/dir';
.breadcrumb__wrapper { .drawer-breadcrumb__wrapper {
height: var(--header-height); height: var(--header-height);
position: relative; position: relative;
} }
.breadcrumb { .drawer-breadcrumb {
display: flex; display: flex;
align-items: center; align-items: center;
height: 100%; height: 100%;