[#179] functionnal topbar when dialog expanded (#292)

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

src/components/Menubar/Menubar.styl

@@ -37,7 +37,7 @@
   align-items center
   padding 0.5rem
   width 100%
-  z-index 1000
+  z-index 1300
   height 80px
   background-color #fff
 
@@ -91,3 +91,9 @@
   display flex
   justify-content flex-end
   align-items center
+
+body.dialog-expanded .navigation-controls,
+body.dialog-expanded .current-date-time,
+body.dialog-expanded .refresh-button,
+body.dialog-expanded .select-display
+  display none

src/components/Menubar/Menubar.tsx

@@ -148,6 +148,7 @@ export function Menubar({
         <div className="right-menu">
           <div className="menu-items">
             <IconButton
+              className="refresh-button"
               onClick={onRefresh}
               aria-label={t("menubar.refresh")}
               title={t("menubar.refresh")}
@@ -159,6 +160,7 @@ export function Menubar({
             <FormControl
               size="small"
               style={{ minWidth: 120, marginRight: 16 }}
+              className="select-display"
             >
               <Select
                 value={currentView}