fix(pane_admin): hide role management panes to avoid confusion

src/client/web/src/components/pane_admin.tsx

@@ -656,7 +656,7 @@ export class AdminPane extends React.Component<Props, State, {}> {
           {userList}
         </Container>
 
-        <Container>
+        {/* <Container>
           <div>
             <Flexbox
               children={List([
@@ -684,9 +684,9 @@ export class AdminPane extends React.Component<Props, State, {}> {
               childrenStyles={List([{}, { justifyContent: "flex-end" }])}
             />
           </div>
-        </Container>
+        </Container> */}
 
-        <Container>
+        {/* <Container>
           <Flexbox
             children={List([
               <h5 className="title-m">
@@ -699,7 +699,7 @@ export class AdminPane extends React.Component<Props, State, {}> {
           <div className="hr"></div>
 
           {roleList}
-        </Container>
+        </Container> */}
       </div>
     );
   }

src/client/web/src/components/root_frame.tsx

@@ -26,7 +26,7 @@ export interface Props {
   update?: (updater: (prevState: ICoreState) => ICoreState) => void;
 }
 
-export interface State { }
+export interface State {}
 export class RootFrame extends React.Component<Props, State, {}> {
   constructor(p: Props) {
     super(p);
@@ -95,6 +95,7 @@ export class RootFrame extends React.Component<Props, State, {}> {
     return (
       <div id="root-frame" className={`${theme} ${fontSizeClass}`}>
         <div id="bg" style={bgStyle}>
+          <div id="custom">
             <Layers
               login={this.props.login}
               admin={this.props.admin}
@@ -176,6 +177,7 @@ export class RootFrame extends React.Component<Props, State, {}> {
             </div>
           </div>
         </div>
+      </div>
     );
   }
 }