MyCrypto/common/containers/TabSection/ElectronTemplate.scss
William O'Beirne aa0f9cd455 Electron Redesign (#1505)
* Frameless Electron. Separate electron template. Generecize navigation link. Move nav info to config.

* Add controls for language and node, network status to sidebar.

* Sticky headers

* Move custom node modal into standalone component. Render modals via portal. Add custom node modal opening to electron node list.

* Conditional styling based on environment.

* Fix active node highlight

* Add frame back in, draggable only on OSX, fix sidebar scroll.

* Remove panel content after delay.

* Adjust window sizes

* Style desktop help nav icon

* Remove unused var

* Move style to param

* Remove unused

* Update snapshot

* Fix oversized stretching, zindex fighting

* Make electron work better with various screen sizes

* Remove not-working https option for electron

* Add beta banner

* Fix web footer

* Address changes
2018-04-16 18:30:58 -05:00

47 lines
727 B
SCSS

@import 'common/sass/variables';
.ElectronTemplate {
height: 100%;
display: flex;
flex-direction: row;
&-sidebar,
&-content {
position: relative;
overflow: auto;
}
&-sidebar {
width: $electron-sidebar-width;
overflow-x: hidden;
background: #FFF;
border-right: 1px solid $gray-lighter;
}
&-content {
padding: 10vh 30px;
flex: 1;
&-tab {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
}
&-draggable {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 16px;
-webkit-app-region: drag;
// Only needed on OSX, Linux and Windows have title bars
.is-osx & {
display: block;
}
}
}