voom-presenters 0.1.11 → 2.0.1

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

@@ -9,10 +9,6 @@
   position: relative;
 }
 
-.v-card-content {
-  padding: 10px 10px 0px 10px;
-}
-
 .v-card-title {
   padding: 10px 10px 0px 10px;
 }
@@ -35,7 +31,6 @@
 .v-card-title-position-bottom {
   position: absolute;
   bottom: 0;
-
 }
 
 //.v-card-overflow-menu {
@@ -47,8 +42,19 @@
 .v-card-media-image, .v-card-media-avatar {
 }
 
-.v-card__media-menu{
+.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

@@ -1,5 +1 @@
 @import "@material/checkbox/mdc-checkbox";
-
-.v-checkbox__label {
-  line-height: 40px;
-}

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

@@ -1,5 +1,9 @@
 @import "@material/chips/mdc-chips";
 
+button.mdc-chip {
+  border: none;
+}
+
 .mdc-chip__icon.v-icon-position-left {
   float: none;
   padding-right: 0;

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

@@ -1,4 +1,10 @@
-@import "vendor/flatpickr.min";
+@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;
@@ -21,4 +27,3 @@
 i:focus.v-datetime--clear {
     outline: none;
 }
-

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

@@ -1,3 +1,8 @@
-.v-dialog--form  {
-  padding-bottom: 0;
+@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);
+}

data/views/mdc/assets/scss/components/expansion-panel.scss

@@ -19,7 +19,7 @@ $v-expansion-bg: #fff;
     &::after {
       font-family: "Material Icons";
       content: "\e313";
-      font-size: 24px;
+      font-size: $mdc-headline5-font-size;
       font-weight: normal;
       font-style: normal;
       display: inline-flex;
@@ -118,7 +118,7 @@ $v-expansion-bg: #fff;
   align-items: center;
   height: 48px;
   padding: 0 24px;
-  font-size: 15px;
+  font-size: $mdc-subtitle1-font-size;
   font-weight: 400;
   outline: none;
 

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

@@ -1,8 +1,27 @@
 @import "@material/fab/mdc-fab";
+@import "@material/layout-grid/mdc-layout-grid";
+
+$fab-offsets: (
+  top: 2.25em,
+  right: 0.00em,
+  bottom: 0.00em,
+  left: 0.00em
+);
 
 .v-fab--absolute {
-  position: relative;
-  float: right;
-  margin:  6px -8px -69px;
-  z-index: 10;
+  position: absolute;
+  z-index: 1;
+}
+
+@each $size in map-keys($mdc-layout-grid-columns) {
+  @include mdc-layout-grid-media-query_($size) {
+    $gutter: map-get($mdc-layout-grid-default-gutter, $size);
+
+    @each $position, $offset in $fab-offsets {
+      .mdc-fab.v-button-fab-position-#{$position} {
+        position: absolute;
+        #{$position}: calc(#{-1 * $mdc-fab-height / 2} + #{$offset});
+      }
+    }
+  }
 }

data/views/mdc/assets/scss/components/file-input.scss

@@ -0,0 +1,18 @@
+//.v-file-input {
+//  align-items: center !important;
+//  display: inline-block;
+//  padding: 16px;
+//  position: relative;
+//  width: 450px;
+//}
+//
+.v-file-input > [type='file'] {
+  cursor: pointer;
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}

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

@@ -1,10 +1,81 @@
 @import "@material/layout-grid/mdc-layout-grid";
 
+.v-column-hide-overflow {
+  overflow: hidden;
+}
+
+.v-column--relative {
+  position: relative;
+}
+
+// Used to support side to side scrolling for wide grid elements.
+// Grids that contain a wide table use this.
+.v-grid__wide {
+  overflow-y: hidden;
+  overflow-x: scroll;
+  -webkit-overflow-scrolling: touch;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
 @each $size in map-keys($mdc-layout-grid-columns) {
   @include mdc-layout-grid-media-query_($size) {
     $gutter: map-get($mdc-layout-grid-default-gutter, $size);
-    .v-nested_grid {
-      padding: $gutter/2 0 $gutter/2 0;
+
+    $tops: (
+            top3: $gutter,
+            top2: $gutter/2,
+            top1: $gutter/4,
+            top0: 0
+    );
+
+    $rights: (
+            right3: $gutter,
+            right2: $gutter/2,
+            right1: $gutter/4,
+            right0: 0
+    );
+
+    $bottoms: (
+            bottom3: $gutter,
+            bottom2: $gutter/2,
+            bottom1: $gutter/4,
+            bottom0: 0
+    );
+
+    $lefts: (
+            left3: $gutter,
+            left2: $gutter/2,
+            left1: $gutter/4,
+            left0: 0
+    );
+
+    @each $top, $tsize in $tops {
+      @each $right, $rsize in $rights {
+        @each $bottom, $bsize in $bottoms {
+          @each $left, $lsize in $lefts {
+            .v-padding-#{$bottom}-#{$left}-#{$right}-#{$top} {
+              padding: $tsize $rsize $bsize $lsize !important;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.v-grid-column-align-right {
+  margin-right: 0;
+  margin-left: auto;
+}
+
+@each $size in map-keys($mdc-layout-grid-columns) {
+  @include mdc-layout-grid-media-query_($size) {
+    div.v-gutter-none {
+      grid-gap: 0;
+      gap: 0;
     }
   }
-}
+}