coprl 0.1.0 → 3.0.0.beta.5

data/views/mdc/assets/scss/components/button.scss

@@ -0,0 +1,76 @@
+@import "@material/button/mdc-button";
+@import "@material/icon-button/mdc-icon-button";
+
+.v-button.v-button--image {
+  width: 150px;
+  height: 45px;
+  background-color: $mdc-theme-background !important;
+  background-size: 75%;
+  background-repeat: no-repeat;
+  background-position-x: 18%;
+  background-position-y: center;
+  border-radius: 10px;
+  > i {
+    position: absolute;
+    margin-right: 0 !important;
+    color: $v-header-background;
+    line-height: 1;
+  }
+}
+
+.mdc-button.v-secondary-filled-button {
+  @include mdc-button-filled-accessible($mdc-theme-secondary);
+}
+
+
+.mdc-button.v-secondary-text-button {
+  @include mdc-button-ink-color($mdc-theme-secondary);
+  @include mdc-states(secondary);
+}
+
+.v-button-position-left {
+  position: absolute;
+  left: 0;
+}
+
+.v-button-position-right {
+  position: absolute;
+  right: 0;
+}
+
+.v-button-position-top {
+  position: absolute;
+  top: 0;
+}
+
+.v-button-position-bottom {
+  position: absolute;
+  bottom: 0;
+}
+
+
+.v-card-title-position-left {
+  position: absolute;
+  left: 0;
+}
+
+.v-button-icon-position-top {
+  position: absolute;
+  top: 0;
+}
+
+.v-button-icon-position-right {
+  position: absolute;
+  right: 0;
+}
+
+.v-button-icon-position-bottom {
+  position: absolute;
+  bottom: 0;
+
+}
+
+.v-button-full-width {
+  width: 100%;
+}
+

data/views/mdc/assets/scss/components/card.scss

@@ -0,0 +1,60 @@
+@import "@material/card/mdc-card";
+
+.v-card {
+  position: relative;
+
+}
+
+.v-card-media {
+  position: relative;
+}
+
+.v-card-title {
+  padding: 10px 10px 0px 10px;
+}
+
+.v-card-title-position-left {
+  position: absolute;
+  left: 0;
+}
+
+.v-card-title-position-top {
+  position: absolute;
+  top: 0;
+}
+
+.v-card-title-position-right {
+  position: absolute;
+  right: 0;
+}
+
+.v-card-title-position-bottom {
+  position: absolute;
+  bottom: 0;
+}
+
+//.v-card-overflow-menu {
+//  position: absolute;
+//  right: 16px;
+//  top: 16px;
+//}
+
+.v-card-media-image, .v-card-media-avatar {
+}
+
+.v-card__media-menu {
+  z-index: 2;
+  .v-button-icon-position-top {
+    top: 8px;
+  }
+}
+
+.v-card--actions {
+  margin-right: 10px;
+  margin-left: 10px;
+  position: relative;
+}
+
+.v-card-selected {
+  outline: medium solid rgb(63,81,181);
+}

data/views/mdc/assets/scss/components/checkbox.scss

@@ -0,0 +1 @@
+@import "@material/checkbox/mdc-checkbox";

data/views/mdc/assets/scss/components/chip.scss

@@ -0,0 +1,34 @@
+@import "@material/chips/mdc-chips";
+
+button.mdc-chip {
+  border: none;
+}
+
+.mdc-chip__icon.v-icon-position-left {
+  float: none;
+  padding-right: 0;
+}
+
+.mdc-chip__icon.v-icon-position-top {
+  //position: absolute;
+  //top: 0;
+}
+
+.mdc-chip__icon.v-icon-position-right {
+  float: none;
+  padding-left: 0;
+}
+
+.mdc-chip__icon.v-icon-position-bottom {
+  //position: absolute;
+  //bottom: 0;
+}
+
+.v-chip__primary {
+  background-color: $mdc-theme-primary;
+  @include mdc-button-ink-color(text-primary-on-dark);
+}
+
+.v-chip__secondary {
+  background-color: $mdc-theme-secondary;
+}

data/views/mdc/assets/scss/components/content.scss

@@ -0,0 +1,36 @@
+.v-content--float {
+  position: absolute;
+  text-align: left;
+  margin-top: -1px;
+  margin-left: -1px;
+  z-index: 989;
+}
+
+.v-content--relative {
+  position: relative;
+}
+
+.v-content-position-left {
+  position: absolute;
+  left: 0;
+}
+
+.v-content-position-right {
+  position: absolute;
+  right: 0;
+}
+
+.v-content-position-top {
+  position: absolute;
+  top: 0;
+}
+
+.v-content-position-bottom {
+  position: absolute;
+  bottom: 0;
+}
+
+.v-content-position-center {
+  margin: 0 auto;
+  width: 50%;
+}

data/views/mdc/assets/scss/components/data-table.scss

@@ -0,0 +1,91 @@
+@import "@material/data-table/mdc-data-table";
+
+.mdc-data-table {
+  .mdc-list-item__graphic {
+    margin-right: 0px;
+  }
+}
+
+// Custom Pagination based off of MDL
+.v-paging {
+  color: rgba(0, 0, 0, 0.54);
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: left;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 56px;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+}
+
+.v-paging > * {
+  -webkit-flex: none;
+  -ms-flex: none;
+  flex: none;
+}
+
+.mdl-list + .v-paging {
+  margin: 0;
+}
+
+.v-paging__per-page {
+  position: relative;
+}
+
+.v-paging__per-page-label {
+  margin-right: 20px;
+}
+
+.v-paging__per-page-value {
+  .v-select {
+    width: auto;
+    height: auto;
+    .mdc-select__native-control {
+      padding-top: 0px;
+      border-bottom: none;
+      &:not(.mdc-select--disabled) {
+        color: rgba(0, 0, 0, 0.54);
+      }
+    }
+  }
+}
+
+.v-paging__per-page + .v-paging__count {
+  margin-left: 24px;
+}
+
+.v-paging .mdl-menu {
+  min-width: 64px;
+}
+
+.v-paging__prev:last-child {
+  margin-right: 44px;
+}
+
+.v-paging__count {
+  margin-left: 30px;
+  margin-right: 44px;
+}
+
+.v-paging__prev + .v-paging__next {
+  margin-left: 12px;
+}
+
+.v-paging__count + .v-paging__next {
+  margin-left: 68px;
+}
+
+.v-no-border {
+  border: none;
+  box-shadow: none;
+  tfoot td {
+    border-bottom: none;
+    border-top: none;
+  }
+}

data/views/mdc/assets/scss/components/datetime.scss

@@ -0,0 +1,29 @@
+@import "flatpickr/dist/flatpickr.min";
+
+.v-datetime {
+  &.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) {
+    margin-top: 0px;
+  }
+}
+
+.mdc-text-field__icon.v-datetime--clear {
+  right: 15px;
+  left: initial;
+}
+
+// Fixes the follwing bug: https://github.com/material-components/material-components-web/issues/2044
+.v-datetime.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
+  padding-right: 48px;
+  .mdc-text-field--with-leading-icon {
+    padding-left: 48px;
+  }
+}
+
+.v-datetime.mdc-text-field--fullwidth:not(.mdc-text-field--textarea).mdc-text-field--with-leading-icon  .mdc-text-field__input {
+  padding-right: 48px;
+  padding-left: 48px;
+}
+
+i:focus.v-datetime--clear {
+    outline: none;
+}

data/views/mdc/assets/scss/components/dialog.scss

@@ -0,0 +1,8 @@
+@import "@material/dialog/mdc-dialog";
+
+@media (min-width: 592px) {
+  .mdc-dialog .mdc-dialog__surface {
+    max-width: 100%;
+    width: 100%;
+  }
+}

data/views/mdc/assets/scss/components/drag_n_drop.scss

@@ -0,0 +1,17 @@
+.v-dnd-moving {
+    opacity: 0.25;
+    border: dashed 1px red;
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    cursor: move !important;
+}
+
+.v-dnd-draggable {
+    cursor: grab !important;
+}
+
+.v-dnd-over {
+    outline: 2px dashed #000 !important;
+}

data/views/mdc/assets/scss/components/drawer.scss

@@ -0,0 +1,82 @@
+@import 'node_modules/@material/layout-grid/variables';
+@import 'node_modules/@material/layout-grid/mixins';
+@import "@material/drawer/mdc-drawer";
+@import '../media';
+
+.drawer-frame-root {
+  display: flex;
+  height: 100vh;
+}
+
+.drawer-frame-root .mdc-drawer {
+  position: fixed;
+}
+
+.mdc-drawer-app-content {
+  width: 100%;
+}
+
+.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content > .mdc-top-app-bar.mdc-top-app-bar--fixed {
+    width: 100%;
+}
+
+// The width of the fixed header must be reduced when the drawer is present and
+// open.
+.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content > .mdc-top-app-bar.mdc-top-app-bar--fixed {
+  @include lg {
+    width: calc(100% - 256px);
+  }
+}
+
+.mdc-drawer--modal {
+  --v-drawer-active:yes;
+  @include lg {
+    --v-drawer-active:no;
+  }
+}
+
+.mdc-drawer--dismissible.mdc-drawer--open {
+  display: none;
+  width: 0;
+  --v-drawer-active:no;
+  @include lg {
+    --v-drawer-active:yes;
+    display: flex;
+    width: 256px;
+  }
+}
+
+.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
+  margin-left: 0;
+  margin-right: 0;
+  @include lg {
+    margin-left: 256px;
+    margin-right: 0;
+   }
+}
+
+.v-drawer .mdc-drawer__content .v-list {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+}
+
+.mdc-drawer.v-drawer.mdc-drawer--modal {
+  top: 0;
+}
+
+.mdc-drawer.v-drawer.v-drawer--full-height .mdc-drawer__content .v-list.v-list--full-height {
+  min-height: 100%;
+}
+
+.mdc-drawer.v-drawer .mdc-drawer__content .v-list .v-list--bottom-wrapper {
+  margin-top: auto;
+}
+
+.mdc-drawer.v-drawer .v-list-item--size-small {
+  font-size: 0.80rem;
+}
+
+.mdc-drawer.v-drawer .v-list-item.v-item__secondary:not(.mdc-list-item--activated) {
+  @include mdc-list-item-primary-text-ink-color(text-secondary-on-background);
+}