[DE] remove unused elements
This commit is contained in:
parent
c60cc871c0
commit
e9abada366
|
@ -10,38 +10,6 @@
|
|||
@import './icons-ios.less';
|
||||
@import './icons-material.less';
|
||||
|
||||
/* Left Panel right border when it is visible by breakpoint */
|
||||
.panel-left.panel-in-breakpoint:before {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
background: rgba(0,0,0,0.1);
|
||||
content: '';
|
||||
z-index: 6000;
|
||||
}
|
||||
|
||||
/* Hide navbar link which opens left panel when it is visible by breakpoint */
|
||||
.panel-left.panel-in-breakpoint ~ .view .navbar .panel-open[data-panel="left"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*
|
||||
Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
|
||||
*/
|
||||
.ios .panel-left:not(.panel-in-breakpoint).panel-in ~ .view-main:before,
|
||||
.ios .panel-left:not(.panel-in-breakpoint).panel-closing ~ .view-main:before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
background: rgba(0,0,0,0.1);
|
||||
content: '';
|
||||
z-index: 6000;
|
||||
}
|
||||
|
||||
:root {
|
||||
--f7-popover-width: 360px;
|
||||
}
|
||||
|
|
|
@ -31,51 +31,9 @@ export default class extends React.Component {
|
|||
return (
|
||||
<App params={ this.state.f7params } >
|
||||
|
||||
{/* Left panel with cover effect when hidden */}
|
||||
<Panel left cover themeDark visibleBreakpoint={960}>
|
||||
<View>
|
||||
<Page>
|
||||
<Navbar title="Left Panel"/>
|
||||
<BlockTitle>Left View Navigation</BlockTitle>
|
||||
<List>
|
||||
<ListItem link="/left-page-1/" title="Left Page 1"/>
|
||||
<ListItem link="/left-page-2/" title="Left Page 2"/>
|
||||
</List>
|
||||
</Page>
|
||||
</View>
|
||||
</Panel>
|
||||
|
||||
|
||||
{/* Right panel with reveal effect*/}
|
||||
<Panel right reveal themeDark>
|
||||
<View>
|
||||
<Page>
|
||||
<Navbar title="Right Panel"/>
|
||||
<Block>Right panel content goes here</Block>
|
||||
</Page>
|
||||
</View>
|
||||
</Panel>
|
||||
|
||||
|
||||
{/* Your main view, should have "view-main" class */}
|
||||
<View main className="safe-areas" url="/" />
|
||||
<MainController />
|
||||
|
||||
{/* Popup */}
|
||||
<Popup id="my-popup">
|
||||
<View>
|
||||
<Page>
|
||||
<Navbar title="Popup">
|
||||
<NavRight>
|
||||
<Link popupClose>Close</Link>
|
||||
</NavRight>
|
||||
</Navbar>
|
||||
<Block>
|
||||
<p>Popup content goes here.</p>
|
||||
</Block>
|
||||
</Page>
|
||||
</View>
|
||||
</Popup>
|
||||
</App>
|
||||
)
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue