status-im
/
MyCrypto
mirror of https://github.com/status-im/MyCrypto.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
MyCrypto/common/components/ElectronNav/NetworkStatus.scss

31 lines
455 B
SCSS
Raw Normal View History

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 23:30:58 +00:00
@import 'common/sass/variables';
.NetworkStatus {
display: flex;
align-items: center;
&-icon {
width: 10px;
height: 10px;
margin-right: 4px;
border-radius: 100%;
&.is-online {
Night Mode Theme (#1896) * Initial changes to define theme maps, color function, and convert all global styles. * More global styles. * All styles converted, colors uncertain. * Fix tabs, temporary theme toggle button. * Color refinements * Color network selector, introduce shade function * Make palette page * Add theme button and minor styling to nav * Blueify dark theme * A bunch of color adjustments to work better with dark theme * Fix tables * Fix wallet decrypt colors * More misc fixes * Fix up electron colors * Convert web theme to redux state / action * Theme toggle in app, prevent rerenders * Get rid of all variables, fix selects * Fix conf modal, modal close styles * Fix test * Adjust swap colors * Check in breaking out component, changing icons * Check in progress * Theme toggle in footer. New icons * Prevent rerender on theme change * Fix up outstanding merge conflicts * Fix generate colors to be dark mode friendly * Reduce swap color intensity * Make disabled buttons darker in dark mode * Reduce button size by 25%
2018-06-27 04:51:42 +00:00
background: color(brand-success);
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 23:30:58 +00:00
}
&.is-offline {
Night Mode Theme (#1896) * Initial changes to define theme maps, color function, and convert all global styles. * More global styles. * All styles converted, colors uncertain. * Fix tabs, temporary theme toggle button. * Color refinements * Color network selector, introduce shade function * Make palette page * Add theme button and minor styling to nav * Blueify dark theme * A bunch of color adjustments to work better with dark theme * Fix tables * Fix wallet decrypt colors * More misc fixes * Fix up electron colors * Convert web theme to redux state / action * Theme toggle in app, prevent rerenders * Get rid of all variables, fix selects * Fix conf modal, modal close styles * Fix test * Adjust swap colors * Check in breaking out component, changing icons * Check in progress * Theme toggle in footer. New icons * Prevent rerender on theme change * Fix up outstanding merge conflicts * Fix generate colors to be dark mode friendly * Reduce swap color intensity * Make disabled buttons darker in dark mode * Reduce button size by 25%
2018-06-27 04:51:42 +00:00
background: color(brand-danger);
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 23:30:58 +00:00
}
&.is-connecting {
Night Mode Theme (#1896) * Initial changes to define theme maps, color function, and convert all global styles. * More global styles. * All styles converted, colors uncertain. * Fix tabs, temporary theme toggle button. * Color refinements * Color network selector, introduce shade function * Make palette page * Add theme button and minor styling to nav * Blueify dark theme * A bunch of color adjustments to work better with dark theme * Fix tables * Fix wallet decrypt colors * More misc fixes * Fix up electron colors * Convert web theme to redux state / action * Theme toggle in app, prevent rerenders * Get rid of all variables, fix selects * Fix conf modal, modal close styles * Fix test * Adjust swap colors * Check in breaking out component, changing icons * Check in progress * Theme toggle in footer. New icons * Prevent rerender on theme change * Fix up outstanding merge conflicts * Fix generate colors to be dark mode friendly * Reduce swap color intensity * Make disabled buttons darker in dark mode * Reduce button size by 25%
2018-06-27 04:51:42 +00:00
background: color(brand-warning);
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 23:30:58 +00:00
}
}
&-text {
Night Mode Theme (#1896) * Initial changes to define theme maps, color function, and convert all global styles. * More global styles. * All styles converted, colors uncertain. * Fix tabs, temporary theme toggle button. * Color refinements * Color network selector, introduce shade function * Make palette page * Add theme button and minor styling to nav * Blueify dark theme * A bunch of color adjustments to work better with dark theme * Fix tables * Fix wallet decrypt colors * More misc fixes * Fix up electron colors * Convert web theme to redux state / action * Theme toggle in app, prevent rerenders * Get rid of all variables, fix selects * Fix conf modal, modal close styles * Fix test * Adjust swap colors * Check in breaking out component, changing icons * Check in progress * Theme toggle in footer. New icons * Prevent rerender on theme change * Fix up outstanding merge conflicts * Fix generate colors to be dark mode friendly * Reduce swap color intensity * Make disabled buttons darker in dark mode * Reduce button size by 25%
2018-06-27 04:51:42 +00:00
color: shade-dark(0.4);
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 23:30:58 +00:00
font-size: 9px;
}
}