fix(tickets): view rending incorrectly on latest version of Chrome

polonel · Jun 9, 2021 · d574948 · d574948
1 parent dfecc9a
commit d574948
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 22 deletions.
diff --git a/src/client/components/Table/index.jsx b/src/client/components/Table/index.jsx
@@ -32,7 +32,7 @@ class Table extends React.Component {
             <tr>{headers}</tr>
           </thead>
         )}
-        {useBody && <tbody className={'scrollable full-height'}>{children}</tbody>}
+        {useBody && <tbody className={'scrollable full-height c91-fix'}>{children}</tbody>}
         {!useBody && children}
       </table>
     )

diff --git a/src/client/containers/Topbar/TopbarContainer.jsx b/src/client/containers/Topbar/TopbarContainer.jsx
@@ -138,23 +138,23 @@ class TopbarContainer extends React.Component {
     const { viewdata, sessionUser } = this.props
     return (
       <div>
-        {sessionUser && sessionUser.role.isAdmin && (
-          <div className={clsx('info-banner', this.showInfoBanner ? '' : 'hide')}>
-            <div className={'close'} onClick={() => this.closeInfo()} />
-            <p>
-              You're invited to sign up for Trudesk Cloud Beta, our free-to-use cloud-hosted platform.
-              <a
-                href='https://trudesk.io'
-                className={'md-btn md-btn-wave md-btn-small md-btn-success text-white'}
-                style={{ marginLeft: 15 }}
-                target={'_blank'}
-                onClick={() => this.closeInfo()}
-              >
-                Apply Now
-              </a>
-            </p>
-          </div>
-        )}
+        {/*{sessionUser && sessionUser.role.isAdmin && (*/}
+        {/*  <div className={clsx('info-banner', this.showInfoBanner ? '' : 'hide')}>*/}
+        {/*    <div className={'close'} onClick={() => this.closeInfo()} />*/}
+        {/*    <p>*/}
+        {/*      You're invited to sign up for Trudesk Cloud Beta, our free-to-use cloud-hosted platform.*/}
+        {/*      <a*/}
+        {/*        href='https://trudesk.io'*/}
+        {/*        className={'md-btn md-btn-wave md-btn-small md-btn-success text-white'}*/}
+        {/*        style={{ marginLeft: 15 }}*/}
+        {/*        target={'_blank'}*/}
+        {/*        onClick={() => this.closeInfo()}*/}
+        {/*      >*/}
+        {/*        Apply Now*/}
+        {/*      </a>*/}
+        {/*    </p>*/}
+        {/*  </div>*/}
+        {/*)}*/}
         {this.props.notice && <NoticeBanner notice={this.props.notice} />}
         <div className={'uk-grid top-nav'}>
           <div className='uk-width-1-1'>
@@ -289,7 +289,4 @@ const mapStateToProps = state => ({
   viewdata: state.common
 })
 
-export default connect(
-  mapStateToProps,
-  { showModal, hideModal, showNotice, clearNotice }
-)(TopbarContainer)
+export default connect(mapStateToProps, { showModal, hideModal, showNotice, clearNotice })(TopbarContainer)
diff --git a/src/sass/app.sass b/src/sass/app.sass
@@ -221,6 +221,10 @@ input[type="file"], input[type="checkbox"], input[type="radio"], select
 //
 @import "partials/ui"
 
+// Chrome 91 Fix for table row expanding the full height
+.c91-fix
+  display: contents
+
 .info-banner
   width: 100%
   height: 50px