diff options
author | Eugen Rochko <eugen@zeonfederated.com> | 2017-05-03 02:04:16 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-05-03 02:04:16 +0200 |
commit | f5bf5ebb82e3af420dcd23d602b1be6cc86838e1 (patch) | |
tree | 92eef08642a038cf44ccbc6d16a884293e7a0814 /app/assets/stylesheets/admin.scss | |
parent | 26bc5915727e0a0173c03cb49f5193dd612fb888 (diff) |
Replace sprockets/browserify with Webpack (#2617)
* Replace browserify with webpack * Add react-intl-translations-manager * Do not minify in development, add offline-plugin for ServiceWorker background cache updates * Adjust tests and dependencies * Fix production deployments * Fix tests * More optimizations * Improve travis cache for npm stuff * Re-run travis * Add back support for custom.scss as before * Remove offline-plugin and babili * Fix issue with Immutable.List().unshift(...values) not working as expected * Make travis load schema instead of running all migrations in sequence * Fix missing React import in WarningContainer. Optimize rendering performance by using ImmutablePureComponent instead of React.PureComponent. ImmutablePureComponent uses Immutable.is() to compare props. Replace dynamic callback bindings in <UI /> * Add react definitions to places that use JSX * Add Procfile.dev for running rails, webpack and streaming API at the same time
Diffstat (limited to 'app/assets/stylesheets/admin.scss')
-rw-r--r-- | app/assets/stylesheets/admin.scss | 245 |
1 files changed, 0 insertions, 245 deletions
diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss deleted file mode 100644 index 6d246ded2..000000000 --- a/app/assets/stylesheets/admin.scss +++ /dev/null @@ -1,245 +0,0 @@ -.admin-wrapper { - display: flex; - justify-content: center; - height: 100%; - - .sidebar-wrapper { - flex: 1; - height: 100%; - background: $color1; - display: flex; - justify-content: flex-end; - } - - .sidebar { - width: 240px; - height: 100%; - padding: 0; - overflow-y: auto; - - .logo { - display: block; - margin: 40px auto; - width: 100px; - height: 100px; - } - - ul { - list-style: none; - border-radius: 4px 0 0 4px; - overflow: hidden; - margin-bottom: 20px; - - a { - display: block; - padding: 15px 25px; - color: rgba($color5, 0.7); - text-decoration: none; - transition: all 200ms linear; - border-radius: 4px 0 0 4px; - - i.fa { - margin-right: 5px; - } - - &:hover { - color: $color5; - background-color: darken($color1, 5%); - transition: all 100ms linear; - } - - &.selected { - background: darken($color1, 2%); - border-radius: 4px 0 0 0; - } - } - - ul { - background: darken($color1, 4%); - border-radius: 0 0 0 4px; - margin: 0; - - a { - border: 0; - - &.selected { - color: $color5; - background-color: $color4; - border-bottom: 0; - border-radius: 0; - - &:hover { - background-color: lighten($color4, 5%); - } - } - } - } - } - } - - .content-wrapper { - flex: 2; - overflow: auto; - } - - .content { - max-width: 700px; - padding: 20px 15px; - padding-top: 60px; - padding-left: 25px; - - h2 { - color: $color2; - font-size: 24px; - line-height: 28px; - font-weight: 400; - margin-bottom: 40px; - } - - & > p { - font-size: 14px; - line-height: 18px; - color: $color2; - margin-bottom: 20px; - - strong { - color: $color5; - font-weight: 500; - } - } - - hr { - margin: 20px 0; - border: 0; - background: transparent; - border-bottom: 1px solid $color1; - } - } - - .simple_form { - max-width: 400px; - .label_input { - label.select { - width: 50%; - } - select { - width: 50%; - float: right; - } - } - } - - @media screen and (max-width: 600px) { - display: block; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - - .sidebar-wrapper, .content-wrapper { - flex: 0 0 auto; - height: auto; - overflow: initial; - } - - .sidebar { - width: 100%; - padding: 10px 0; - height: auto; - - .logo { - margin: 20px auto; - } - } - - .content { - padding-top: 20px; - } - } -} - -.filters { - display: flex; - margin-bottom: 20px; - - .filter-subset { - flex: 0 0 auto; - margin-right: 40px; - - ul { - margin-top: 5px; - list-style: none; - - li { - display: inline-block; - margin-right: 5px; - } - } - - strong { - font-weight: 500; - text-transform: uppercase; - font-size: 12px; - } - - a { - display: inline-block; - color: rgba($color5, 0.7); - text-decoration: none; - text-transform: uppercase; - font-size: 12px; - font-weight: 500; - border-bottom: 2px solid $color1; - - &:hover { - color: $color5; - border-bottom: 2px solid lighten($color1, 5%); - } - - &.selected { - color: $color4; - border-bottom: 2px solid $color4; - } - } - } -} - -.report-accounts { - display: flex; - margin-bottom: 20px; -} - -.report-accounts__item { - flex: 1 1 0; - display: flex; - flex-direction: column; - - & > strong { - display: block; - margin-bottom: 10px; - font-weight: 500; - font-size: 14px; - line-height: 18px; - color: $color2; - } - - &:first-child { - margin-right: 10px; - } - - .account-card { - flex: 1 1 auto; - } -} - -.report-status { - display: flex; - margin-bottom: 10px; - - .activity-stream { - flex: 2 0 0; - margin-right: 20px; - } -} - -.report-status__actions { - flex: 0 0 auto; -} |