[DE] remove unused elements
This commit is contained in:
parent
c60cc871c0
commit
e9abada366
|
@ -10,38 +10,6 @@
|
||||||
@import './icons-ios.less';
|
@import './icons-ios.less';
|
||||||
@import './icons-material.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 {
|
:root {
|
||||||
--f7-popover-width: 360px;
|
--f7-popover-width: 360px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -31,51 +31,9 @@ export default class extends React.Component {
|
||||||
return (
|
return (
|
||||||
<App params={ this.state.f7params } >
|
<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 */}
|
{/* Your main view, should have "view-main" class */}
|
||||||
<View main className="safe-areas" url="/" />
|
<View main className="safe-areas" url="/" />
|
||||||
<MainController />
|
<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>
|
</App>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue