Merge pull request #140 from skateman/convert-3.12

Converted from upstream version 3.12.0

Author: skateman

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;
+  }
+}

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,

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;
 }

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%;
+}

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,27 +91,35 @@
     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;
     }
   }
   &:after {
     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;
     }
   }

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;
+  }
+}

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 {