patternfly-sass 3.11.0 → 3.12.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: eff261dc3f4fedfedfb809d528ec7043ba4b1f4f
-  data.tar.gz: d7c47c44493021b04e11fc83d21eafe527cc1d77
+  metadata.gz: 789aa9b7e858b5ab2198fcc13bcce5f62ea95314
+  data.tar.gz: 78c9c37750fddd9125e8ac6e1bf2d6f690f7292c
 SHA512:
-  metadata.gz: 7a8ab47181b8270aa4ca5174b179aad50ee05660b5259aeafef401420a1e21557e60b992785bfb8ddd7d32db05d4c9becc0f9e1f0f5d2953cfd1048f8cf43da9
-  data.tar.gz: 18a98cbb49d597f6f66f4c8e3c7fbd2aa12ed26b6f2d3c9dbff0620083aea13bcee2fa06e024b24867b45b67c974cc44c7c3cd18663f9c13e5262626d59ffc0b
+  metadata.gz: 52f5098deb333720a77efdb6748a46943500060bc9c76149bd7ff48bdbc6ea1134f06299523a728886f398fefc40e377f8d5f854af64332af0a487c1b0da3a38
+  data.tar.gz: c9cf52de9d0689efea1b326877a32d6f52accda346b75dfea785ff2a2958fe3dd7d34caee542922ff2d54e8e2874a9ff4fdff2571512ac45b507b67992e4e523

data/assets/stylesheets/patternfly/_bootstrap-treeview.scss

@@ -10,20 +10,19 @@
     background: transparent;
     border-bottom: 1px solid transparent !important;
     border-top: 1px solid transparent !important;
+    cursor: default !important;
     margin-bottom: 0;
     overflow: hidden;
     padding: 0 10px;
     text-overflow: ellipsis;
     white-space: nowrap;
-
     &:hover {
-      background: $dropdown-link-hover-bg !important;
-      border-color: $dropdown-link-hover-border-color !important;
+      background: none !important;
     }
     &.node-selected {
-      background: $dropdown-link-active-bg !important;
-      border-color: $dropdown-link-active-border-color !important;
-      color: $dropdown-link-active-color !important;
+      background: none !important;
+      border-color: transparent !important;
+      color: inherit !important;
     }
     &.node-check-changed {
       span.node-icon,
@@ -43,6 +42,9 @@
     &.check-icon {
       margin-right: 10px;
     }
+    &.expand-icon {
+      cursor: pointer !important;
+    }
   }
   span.image {
     background-repeat: no-repeat;
@@ -60,8 +62,28 @@
   .node-disabled {
     color: $color-pf-black-300;
     cursor: not-allowed;
+    span.expand-icon {
+      cursor: default !important;
+    }
   }
   .node-hidden {
     display:none;
   }
 }
+
+.treeview-pf-hover .list-group-item {
+  cursor: pointer !important;
+  &:hover {
+    background-color: $dropdown-link-hover-bg !important;
+    border-color: $dropdown-link-hover-border-color !important;
+  }
+}
+
+.treeview-pf-select .list-group-item {
+  cursor: pointer !important;
+  &.node-selected {
+    background: $dropdown-link-active-bg !important;
+    border-color: $dropdown-link-active-border-color !important;
+    color: $dropdown-link-active-color !important;
+  }
+}

data/assets/stylesheets/patternfly/_dropdowns.scss

@@ -78,6 +78,17 @@
     border-color: transparent;
   }
 }
+
+// Selected state
+.dropdown-menu > .selected > a {
+  background-color: $dropdown-link-active-bg;
+  border-color: $dropdown-link-active-border-color;
+  color: $color-pf-white;
+  small {
+    color: rgba($color-pf-white, 0.5);
+  }
+}
+
 // Nuke hover/focus effects
 .dropdown-menu > .disabled > a {
   &:hover,

data/assets/stylesheets/patternfly/_forms.scss

@@ -10,6 +10,11 @@
   color: $brand-danger;
 }
 
+.fields-status-pf {
+  color: $color-pf-black-500;
+  margin-bottom: 15px;
+}
+
 .form-control {
   &[disabled],
   &[readonly],
@@ -58,4 +63,13 @@
 
 label {
   font-weight: 600;
+  &.required-pf:after {
+    color: $brand-danger;
+    content: "*";
+    margin-left: 3px;
+  }
+}
+
+span.required-pf {
+  color: $brand-danger;
 }

data/assets/stylesheets/patternfly/_list-view.scss

@@ -6,17 +6,38 @@
 .list-view-pf {
   .list-group-item {
     align-items: flex-start;
+    background-clip: padding-box;
+    border-color: transparent #fff;
+    border-style: solid;
+    border-width: 1px;
     @include clearfix; //IE9 fallback
     display: flex;
+    flex-wrap: wrap;
     padding-bottom: 0;
     padding-top: 0;
+    &.list-view-pf-expand-active {
+      background-color: $list-view-hover-bg;
+    }
     &.active {
       color: $list-group-link-color;
       background-color: $list-view-active-bg;
+      background-clip: border-box;
+      border-color: $color-pf-blue-300 transparent transparent;
       z-index:auto;
     }
     &:hover {
       background-color: $list-view-hover-bg;
+      border-left-color: transparent;
+      border-right-color: transparent;
+    }
+    &.list-view-pf-expand-active {
+      border: solid 1px $list-group-active-border;
+      &:first-child {
+        border-top-color: $color-pf-blue-300;
+      }
+    }
+    &:first-child {
+      border-top: 1px solid transparent;
     }
     @media (min-width: $screen-md-min) {
       align-items: center;
@@ -230,5 +251,47 @@
   }
 }
 .list-view-pf-view {
+  background: $list-group-top-border;
+  border: none;
   margin-top: 30px;
 }
+.list-group-item-header {
+  box-sizing: content-box;
+  cursor: pointer;
+  margin: 0 -15px;
+  padding: 0 15px; //filling the width of the list item
+  width: 100%;
+}
+.list-view-pf-expand {
+  cursor: pointer;
+  float: left; //IE9 fallback
+  margin-bottom: ($grid-gutter-width/2);
+  margin-right: 2px;
+  margin-top: ($grid-gutter-width/2);
+  padding: 3px 0;
+  &.active,
+  &:hover {
+    color: $link-color;
+  }
+  .list-view-pf-additional-info-item & {
+    margin: 0;
+    padding: 0;
+  }
+  .fa-angle-right {
+    cursor: pointer;
+    font-size: ($font-size-large+3);
+    margin-right: 5px;
+    margin-top: 2px;
+    width: 10px;
+  }
+}
+.list-group-item-container {
+  background: #fff;
+  border-top: solid 1px $list-group-active-border;
+  box-sizing: content-box;
+  margin: -1px -15px 0;
+  order: 3;
+  padding: 10px 15px;
+  position: relative;
+  width: 100%;
+}

data/assets/stylesheets/patternfly/_toolbar.scss

@@ -71,7 +71,7 @@
   background: $color-pf-white;
   border: solid 1px $color-pf-black-400;
   display: none;
-  left: -200px;
+  right: -20px;
   padding: 5px;
   position: absolute;
   top: 35px;
@@ -91,13 +91,17 @@
     border-bottom:11px solid $color-pf-black-400;
     border-left:11px solid transparent;
     border-right:11px solid transparent;
-    left: 215px;
+    right: 35px;
+    .toolbar-pf-find:last-child & {
+      right: 15px;
+    }
     top: -12px;
     @media (max-width: $grid-float-breakpoint) {
       border-bottom:11px solid transparent;
       border-right:11px solid $color-pf-black-400;
       border-top:11px solid transparent;
       left: -22px;
+      right: initial;
       top: 8px;
     }
   }
@@ -105,13 +109,17 @@
     border-bottom:10px solid $color-pf-white;
     border-left:10px solid transparent;
     border-right:10px solid transparent;
-    left: 216px;
+    right: 36px;
+    .toolbar-pf-find:last-child & {
+      right: 16px;
+    }
     top: -10px;
     @media (max-width: $grid-float-breakpoint) {
       border-bottom:10px solid transparent;
       border-right:10px solid $color-pf-white;
       border-top:10px solid transparent;
       left: -20px;
+      right: initial;
       top: 9px;
     }
   }

data/assets/stylesheets/patternfly/_wizard.scss

@@ -1,26 +1,34 @@
 //
 // Wizard
 // --------------------------------------------------
+.wizard-pf {
+  height:100%;
+  margin: 0 auto;
+  max-height: 900px;
+  padding: 10px;
+  width: auto;
+  .modal-content {
+    height:100%;
+  }
+}
 
 // Wizard header
 // Top section of the wizard w/ title and dismiss
 
 .wizard-pf-body {
     padding: 0;
+    position: static;
 }
 /* styles the sidebard containing the sub-steps */
 .wizard-pf-sidebar {
   background: $color-pf-black-100;
   border-right: 1px solid $color-pf-black-300;
   bottom: 0;
-  display: table-cell;
   left: 0;
   overflow-x: hidden;
   overflow-y: auto;
-  position: relative;
+  position: absolute;
   top: 0;
-  vertical-align: top;
-
   .list-group {
     border-top: 0;
     margin-bottom: 0;
@@ -41,7 +49,7 @@
         padding-left: 20px;
         position: relative;
         white-space: nowrap;
-        width: 18em;
+        width: 14em;
         &:hover {
           text-decoration: none;
         }
@@ -99,7 +107,7 @@
 /* styles the steps indicator across the top of the wizard */
 .wizard-pf-steps {
   border-bottom: solid 1px $color-pf-black-300;
-  text-align:center;
+  text-align: center;
 }
 .wizard-pf-steps-indicator {
   font-size: ceil(($font-size-base * 1.3333));
@@ -192,10 +200,13 @@
 
 /* styles the main content portion of the wizard */
 .wizard-pf-main {
-  display: table-cell;
+  // display: table-cell;
+  height: 100%;
+  margin-left: 253px; /* this value is updated by js */
+  overflow: auto;
   padding: 3em;
   vertical-align: top;
-  width: 10000px;
+  // width: 10000px;
   .blank-slate-pf {
     background-color: transparent;
     border: none;
@@ -322,10 +333,35 @@
 /* styles the footer */
 .wizard-pf-footer {
   border-top: 1px solid $color-pf-black-300;
+  bottom: 0;
+  left: 0;
   margin-top: 0;
   padding-bottom: 17px;
+  position: absolute;
+  right: 0;
 
   .btn-cancel {
     margin-right:25px;
   }
 }
+
+.wizard-pf-row {
+  bottom: 58px; /* this value is updated by js */
+  position: absolute;
+  overflow: hidden;
+  top: 172px; /* this value is updated by js */
+  width:100%;
+}
+
+// Scale up the modal
+@media (min-width: $screen-md-min) {
+  // increasing space around modal for larger viewports
+  .wizard-pf {
+    padding: 30px 0;
+    width: 900px;
+  }
+  // increasing width of sidebar for larger viewports
+  .wizard-pf-sidebar .list-group-item > a {
+    width: 18em;
+  }
+}

data/assets/stylesheets/patternfly/lib/bootstrap-datetimepicker.scss

@@ -35,7 +35,7 @@
 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
-  border-bottom: 7px solid #cccccc;
+  border-bottom: 7px solid #ccc;
   border-bottom-color: rgba(0, 0, 0, 0.2);
   top: -7px;
   left: 7px;
@@ -50,7 +50,7 @@
 .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
-  border-top: 7px solid #cccccc;
+  border-top: 7px solid #ccc;
   border-top-color: rgba(0, 0, 0, 0.2);
   bottom: -7px;
   left: 6px;
@@ -310,7 +310,7 @@
 .bootstrap-datetimepicker-widget table td.active,
 .bootstrap-datetimepicker-widget table td.active:hover {
   background-color: #337ab7;
-  color: #ffffff;
+  color: #fff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }
 .bootstrap-datetimepicker-widget table td.active.today:before {
@@ -336,7 +336,7 @@
 }
 .bootstrap-datetimepicker-widget table td span.active {
   background-color: #337ab7;
-  color: #ffffff;
+  color: #fff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }
 .bootstrap-datetimepicker-widget table td span.old {

data/bower.json

@@ -1,6 +1,6 @@
 {
   "name": "patternfly-sass",
-  "version": "3.11.0",
+  "version": "3.12.0",
   "license": "Apache-2.0",
   "homepage": "https://www.patternfly.org",
   "authors": [
@@ -45,6 +45,6 @@
     "matchHeight": "~0.7.0",
     "eonasdan-bootstrap-datetimepicker": "~4.17.37",
     "moment": "~2.14.1",
-    "patternfly-bootstrap-treeview": "~2.0.0"
+    "patternfly-bootstrap-treeview": "~2.1.0"
   }
 }

data/lib/patternfly-sass/version.rb

@@ -1,4 +1,4 @@
 module Patternfly
-  VERSION = '3.11.0'
-  PATTERNFLY_SHA = '426ce331ebd13da52d2e8f0c75be4db6c1366236'
+  VERSION = '3.12.0'
+  PATTERNFLY_SHA = 'de1f20465eea2d8678f4134665e9ac494a5b81a1'
 end

data/spec/html/bootstrap-treeview-2.html

@@ -28,7 +28,7 @@
     <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
-    <script src="//rawgit.com/patternfly/patternfly-bootstrap-treeview/v1.0.0/dist/bootstrap-treeview.min.js"></script>
+    <script src="//rawgit.com/patternfly/patternfly-bootstrap-treeview/v2.1.0/dist/bootstrap-treeview.min.js"></script>
     <script src="../../dist/js/patternfly.min.js"></script>
   </head>
   <div class="toast-notifications-list-pf">

data/spec/html/bootstrap-treeview.html

@@ -27,7 +27,7 @@
     <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
     <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-    <script src="//rawgit.com/patternfly/patternfly-bootstrap-treeview/patternfly/dist/bootstrap-treeview.min.js"></script>
+    <script src="//rawgit.com/patternfly/patternfly-bootstrap-treeview/v2.1.0/dist/bootstrap-treeview.min.js"></script>
     <script src="../../dist/js/patternfly.min.js"></script>
   </head>
 
@@ -93,11 +93,15 @@
           <div id="treeview10"></div>
         </div><!--/col-->
         <div class="col-sm-4">
-          <h2>Prevent Unselection</h2>
-          <div id="treeview11"></div>
+          <h2>Hover and Select</h2>
+          <div id="treeview13" class="treeview-pf-hover treeview-pf-select"></div>
         </div><!--/col-->
       </div>
       <div class="row">
+        <div class="col-sm-4">
+          <h2>Prevent Unselection</h2>
+          <div id="treeview11" class="treeview-pf-select"></div>
+        </div><!--/col-->
         <div class="col-sm-4">
           <h2>Disabled Nodes</h2>
           <div id="treeview12"></div>
@@ -361,6 +365,15 @@
           });
           tree12.treeview('disableAll');
 
+          //Hover and Select
+          $('#treeview13').treeview({
+            collapseIcon: collapseIcon,
+            data: defaultData,
+            expandIcon: expandIcon,
+            nodeIcon: nodeIcon,
+            showBorder: false
+          });
+
         });
       </script>