urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-11-28 13:54:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

remove scrollbars from launch

Browse Source
This commit is contained in:
Tyler Brown Cifu Shuster 2020-11-02 11:56:32 -08:00
parent edc6896c40
commit 1c74881890
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
pkg/interface/src/views/apps/launch/app.js
View File

@ -1,5 +1,6 @@
import React from 'react'; import React from 'react';
import Helmet from 'react-helmet'; import Helmet from 'react-helmet';
import styled from 'styled-components';
import { Box, Row, Icon, Text, Center } from '@tlon/indigo-react'; import { Box, Row, Icon, Text, Center } from '@tlon/indigo-react';
import { uxToHex, adjustHex } from '~/logic/lib/util'; import { uxToHex, adjustHex } from '~/logic/lib/util';
@ -12,6 +13,14 @@ import Tile from './components/tiles/tile';
import Welcome from './components/welcome'; import Welcome from './components/welcome';
import Groups from './components/Groups'; import Groups from './components/Groups';
const ScrollbarLessBox = styled(Box)`
scrollbar-width: none !important;
::-webkit-scrollbar {
display: none;
}
`;
export default class LaunchApp extends React.Component { export default class LaunchApp extends React.Component {
componentDidMount() { componentDidMount() {
// preload spinner asset // preload spinner asset
@ -32,7 +41,7 @@ export default class LaunchApp extends React.Component {
<Helmet> <Helmet>
<title>OS1 - Home</title> <title>OS1 - Home</title>
</Helmet> </Helmet>
<Box height='100%' overflowY='scroll'> <ScrollbarLessBox height='100%' overflowY='scroll'>
<Welcome firstTime={props.launch.firstTime} api={props.api} /> <Welcome firstTime={props.launch.firstTime} api={props.api} />
<Box <Box
mx='2' mx='2'
@ -77,7 +86,7 @@ export default class LaunchApp extends React.Component {
<Box display={["none", "block"]} width="100%" gridColumn="1 / -1"></Box> <Box display={["none", "block"]} width="100%" gridColumn="1 / -1"></Box>
<Groups groups={props.groups} associations={props.associations} invites={props.invites} api={props.api}/> <Groups groups={props.groups} associations={props.associations} invites={props.invites} api={props.api}/>
</Box> </Box>
</Box> </ScrollbarLessBox>
<Box <Box
position="absolute" position="absolute"
fontFamily="mono" fontFamily="mono"