patternfly-sass 2.4.0 → 2.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dd88f689013cf68ebe49033d1bab701e3b8ca780
-  data.tar.gz: 7ae04f4eb8257b80ff110df2bc98021ae1c8bd71
+  metadata.gz: 1dd5f5f7e4792b9da5f557a71b00e8905116c327
+  data.tar.gz: 986607a3b2893727f83f0469c3272712700c42fe
 SHA512:
-  metadata.gz: 27ff1639b9fa69557b2ec03593847938fb2c3e2088a8ab74520bfcf1fe74cdd22d7747b7efc5eacefe12d5f201980c045309c33ab070a2ef57097fc709dd07a4
-  data.tar.gz: 83f7c3c874526b231bfffe7ae46b266da152c8e594c5a709be1c682061250966d9348f390bd92d20ef40ebafaa80bb0bfc857f9aad996023d91067808f0799d1
+  metadata.gz: 4d48a43f7c51ca83a84ee67f379478c9ab47516125a63dde8787642a5f6a9bcd825e05e45d3f7920dd4c577c779bd6936b11a82ee3d4542658a2593c58b3f34b
+  data.tar.gz: 6196989cfe0b3c4123efb5f2d5f3436353a499563daed3eea5588f04195a4d6e774f032480919a32a10468fef7ed4e705c3ffdf84e4f29d321c18c5a7a3c1085

data/README.md

@@ -19,7 +19,7 @@ Please see the appropriate guide for your environment of choice:
 In your Gemfile you need to add the `patternfly-sass` gem, and ensure that the `sass-rails` gem is present - it is added to new Rails applications by default.
 
 ```ruby
-gem 'patternfly-sass', '~> 2.3.0'
+gem 'patternfly-sass', '~> 2.5.0'
 gem 'sass-rails', '>= 3.2'
 ```
 

data/assets/stylesheets/patternfly/_alerts.scss

@@ -3,8 +3,9 @@
 // --------------------------------------------------
 
 .alert {
-  border-width: 2px;
-  padding-left: 34px;
+  border-width: 1px;
+  padding-left: 47px;
+  padding-right: ($alert-padding + 3);
   position: relative;
   .alert-link {
     color: $link-color;
@@ -16,17 +17,27 @@
     margin-top: -3px;
   }
   > .pficon {
-    font-size: 20px;
+    font-size: 22px;
     position: absolute;
-    left: 7px;
-    top: 7px;
+    left: 13px;
+    top: 10px;
+  }
+  .close {
+    @include opacity(.85);
+    &:hover,
+    &:focus {
+      @include opacity(1);
+    }
   }
   .pficon-info {
-    color: #72767b;
+    color: #4d5258;
   }
 }
 
-.alert-dismissable .close {
-  right: -16px;
-  top: 1px;
+.alert-dismissable {
+  padding-right: ($alert-padding + 17);
+  .close {
+    right: -13px;
+    top: 1px;
+  }
 }

data/assets/stylesheets/patternfly/_cards.scss

@@ -12,7 +12,8 @@
     border-top-color: $card-pf-accented-border-top-color;
   }
   &.card-pf-aggregate-status {
-    .card-pf-title, .card-pf-aggregate-status-notifications {
+    .card-pf-aggregate-status-notifications,
+    .card-pf-title {
       a {
         color: $text-color;
         &.add {
@@ -78,6 +79,9 @@
     right: ($grid-gutter-width / 2);
     top: 15px;
   }
+  .card-pf-utilization .card-pf-title + & {
+    margin-top: -8px;
+  }
   > *:last-child {
     margin-bottom: 0;
   }
@@ -89,16 +93,62 @@
   margin: 0 (-($grid-gutter-width / 2)) !important;
   padding: ($grid-gutter-width / 2) ($grid-gutter-width / 2) ($grid-gutter-width / 4);
   a > {
-    .fa, .pficon {
+    .fa,
+    .pficon {
       margin-right: 5px;
     }
   }
+  .card-pf-time-frame-filter {
+    margin-top: -2px;
+  }
+}
+
+.card-pf-link-with-icon {
+  padding-left: 21px;
+  position: relative;
+  .fa,
+  .pficon {
+    font-size: 16px;
+    left: 0;
+    position: absolute;
+    top: 0;
+  }
+}
+
+.card-pf-time-frame-filter {
+  .card-pf-heading &,
+  .card-pf-footer & {
+    float: right;
+    margin-left: 20px;
+  }
 }
 
 .card-pf-heading {
   border-bottom: 1px solid $card-pf-border-color;
   margin: 0 (-($grid-gutter-width / 2)) ($grid-gutter-width / 2);
   padding: 0 ($grid-gutter-width / 2) 0;
+  & .card-pf-time-frame-filter {
+    margin-top: -5px;
+  }
+}
+
+.card-pf-heading-details {
+  float: right;
+  font-size: ($font-size-small - 1);
+}
+
+.card-pf-subtitle {
+  font-size: $font-size-h3;
+  margin-top: $line-height-computed;
+  margin-bottom: ($line-height-computed / 2);
+  [class^='col'] & {
+    margin-top: 0;
+  }
+  @media (max-width: $screen-xs-max) {
+    .card-pf-body [class^='col'] + [class^='col'] > & {
+      margin-top: ($grid-gutter-width);
+    }
+  }
 }
 
 .card-pf-title {
@@ -143,6 +193,34 @@
   }
 }
 
+.card-pf-utilization-details {
+  border-bottom: 1px solid $card-pf-border-color;
+  display: table;
+  margin: 12px 0 15px;
+  padding: 0 0 15px;
+  width: 100%;
+  .card-pf-utilization-card-details-count,
+  .card-pf-utilization-card-details-description {
+    display: table-cell;
+    float: left;
+    line-height: 1;
+    vertical-align: middle;
+  }
+  .card-pf-utilization-card-details-count {
+    font-size: ($font-size-base * 2 + 2); // 26px
+    font-weight: 300;
+    margin-right: 10px;
+  }
+  .card-pf-utilization-card-details-line-1,
+  .card-pf-utilization-card-details-line-2 {
+    display: block;
+  }
+  .card-pf-utilization-card-details-line-1 {
+    font-size: ($font-size-small - 1);
+    margin-bottom: 2px;
+  }
+}
+
 .cards-pf {
   background: $card-pf-container-bg-color;
 }

data/assets/stylesheets/patternfly/_ext-bootstrap-datepicker.scss

@@ -1,5 +1,5 @@
 /*!
- * Datepicker for Bootstrap v1.4.0 (https://github.com/eternicode/bootstrap-datepicker)
+ * Datepicker for Bootstrap v1.4.1 (https://github.com/eternicode/bootstrap-datepicker)
  *
  * Copyright 2012 Stefan Petre
  * Improvements by Andrew Rowls

data/assets/stylesheets/patternfly/_ext-bootstrap-select.scss

@@ -1,10 +1,10 @@
-/*!
- * Bootstrap-select v1.7.3 (http://silviomoreto.github.io/bootstrap-select)
- *
- * Copyright 2013-2015 bootstrap-select
- * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
- */
-
+/*!
+ * Bootstrap-select v1.7.5 (http://silviomoreto.github.io/bootstrap-select)
+ *
+ * Copyright 2013-2015 bootstrap-select
+ * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
+ */
+
 .bootstrap-select {
   width: 220px \0;
   /*IE9 and below*/
@@ -70,6 +70,12 @@
 .bootstrap-select.btn-group > .disabled:focus {
   outline: none !important;
 }
+.bootstrap-select.btn-group.bs-container {
+  position: absolute;
+}
+.bootstrap-select.btn-group.bs-container .dropdown-menu {
+  z-index: 1060;
+}
 .bootstrap-select.btn-group .dropdown-toggle .filter-option {
   display: inline-block;
   overflow: hidden;
@@ -88,7 +94,6 @@
 }
 .bootstrap-select.btn-group .dropdown-menu {
   min-width: 100%;
-  z-index: 1035;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
@@ -114,6 +119,10 @@
 }
 .bootstrap-select.btn-group .dropdown-menu li a {
   cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 .bootstrap-select.btn-group .dropdown-menu li a.opt {
   position: relative;
@@ -169,7 +178,7 @@
   margin-right: 34px;
 }
 .bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
-  z-index: 1036;
+  z-index: 1061;
 }
 .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
   content: '';
@@ -221,7 +230,6 @@
   padding: 4px 8px;
 }
 .bs-actionsbox {
-  float: left;
   width: 100%;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
@@ -246,6 +254,7 @@
 .bs-searchbox .form-control {
   margin-bottom: 0;
   width: 100%;
+  float: none;
 }
 select.bs-select-hidden,
 select.selectpicker {

data/assets/stylesheets/patternfly/_progress-bars.scss

@@ -16,7 +16,8 @@
 
 .progress {
   @include box-shadow(inset 0 0 1px rgba(0, 0, 0, 0.25));
-  &.progress-label-left, &.progress-label-top-right {
+  &.progress-label-left,
+  &.progress-label-top-right {
     overflow: visible;
     position: relative;
   }
@@ -39,26 +40,40 @@
 
 .progress-bar {
   box-shadow: none;
-  .progress-label-left & span, .progress-label-top-right & span {
+  .progress-label-left & span,
+  .progress-label-right & span,
+  .progress-label-top-right & span {
     color: $text-color;
-    font-size: $font-size-large;
     position: absolute;
     text-align: right;
   }
   .progress-label-left & span {
+    font-size: $font-size-large;
     left: -40px;
     top: 0;
     width: 35px;
   }
+  .progress-label-right & span,
   .progress-label-top-right & span {
-    max-width: 25%;
+    font-size: $font-size-small;
     overflow: hidden;
     right: 0;
     text-overflow: ellipsis;
-    top: -($line-height-computed*1.5+1);
     white-space: nowrap;
+    strong {
+      font-weight: 600;
+    }
+  }
+  .progress-label-right & span {
+    max-width: $progress-description-label-width;
+    top: 0;
   }
-  .progress-label-left.progress-sm & span, .progress-label-top-right.progress-sm & span  {
+  .progress-label-top-right & span {
+    max-width: 47%;
+    top: (-($line-height-computed * 1.5)); // -30px
+  }
+  .progress-label-left.progress-sm & span,
+  .progress-label-top-right.progress-sm & span {
     font-size: $font-size-base;
   }
   .progress-sm & {
@@ -69,14 +84,28 @@
   }
 }
 
+.progress-bar-remaining {
+  background: transparent;
+}
+
+.progress-container {
+  position: relative;
+  &.progress-description-left {
+    padding-left :($progress-description-label-width + 5);
+  }
+  &.progress-label-right {
+    padding-right :($progress-description-label-width + 5);
+  }
+}
+
 .progress-description {
-  margin-bottom: $line-height-computed/2;
-  max-width: 74%;
+  margin-bottom: ($line-height-computed / 2); // 10px
+  max-width: 52%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   .count {
-    font-size: $font-size-base*1.667;
+    font-size: ($font-size-base * 1.667); // 20px
     font-weight: 300;
     line-height: 1;
     margin-right: 5px;
@@ -85,7 +114,14 @@
     font-size: 14px;
     margin-right: 3px;
   }
+  .progress-description-left & {
+    left: 0;
+    margin-bottom: 0;
+    max-width: $progress-description-label-width;
+    position: absolute;
+    top: 0;
+  }
   .tooltip {
     white-space: normal;
   }
-}
+}

data/assets/stylesheets/patternfly/_spinner.scss

@@ -43,11 +43,29 @@
     height: $font-size-base;
     width: $font-size-base;
   }
+  &.spinner-inverse {
+    border-bottom-color: rgba(255, 255, 255, 0.25);
+    border-left-color: rgba(255, 255, 255, 0.25);
+    border-right-color: rgba(255, 255, 255, 0.25);
+    border-top-color: rgba(255, 255, 255, 0.75);
+  }
 }
 
 .ie9 .spinner {
   background: url("#{$img-path}/#{$img-spinner}") no-repeat;
   border: 0;
+  &.spinner-inverse {
+    background-image: url("#{$img-path}/#{$img-spinner-inverse}");
+  }
+  &.spinner-inverse-lg {
+    background-image: url("#{$img-path}/#{$img-spinner-inverse-lg}");
+  }
+  &.spinner-inverse-sm {
+    background-image: url("#{$img-path}/#{$img-spinner-inverse-sm}");
+  }
+  &.spinner-inverse-xs {
+    background-image: url("#{$img-path}/#{$img-spinner-inverse-xs}");
+  }
   &.spinner-lg {
     background-image: url("#{$img-path}/#{$img-spinner-lg}");
   }
@@ -58,3 +76,4 @@
     background-image: url("#{$img-path}/#{$img-spinner-xs}");
   }
 }
+

data/assets/stylesheets/patternfly/_variables.scss

@@ -37,6 +37,10 @@ $icon-prefix:                                                       pficon !defa
 $img-bg-login:                                                      "bg-login.jpg" !default;
 $img-path:                                                          if($patternfly-sass-asset-helper, "patternfly", "../images/patternfly") !default;
 $img-spinner:                                                       "spinner.gif" !default;
+$img-spinner-inverse:                                               "spinner-inverse.gif" !default;
+$img-spinner-inverse-lg:                                            "spinner-inverse-lg.gif" !default;
+$img-spinner-inverse-sm:                                            "spinner-inverse-sm.gif" !default;
+$img-spinner-inverse-xs:                                            "spinner-inverse-xs.gif" !default;
 $img-spinner-lg:                                                    "spinner-lg.gif" !default;
 $img-spinner-sm:                                                    "spinner-sm.gif" !default;
 $img-spinner-xs:                                                    "spinner-xs.gif" !default;
@@ -85,6 +89,7 @@ $navbar-pf-navbar-navbar-brand-padding:                             8px 0 7px !d
 $navbar-pf-navbar-navbar-persistent-bg-color:                       #f6f6f6 !default;
 $navbar-pf-navbar-navbar-persistent-border-color:                   #cecdcd !default;
 $pagination-padding-small-vertical:                                 0 !default;
+$panel-default-border-color:                                        #bebdbd !default;
 $pficon-var-add-circle-o:                                           "\e61b" !default;
 $pficon-var-builder-image:                                          "\e800" !default;
 $pficon-var-close:                                                  "\e60b" !default;
@@ -122,7 +127,7 @@ $pficon-var-topology:                                               "\e608" !def
 $pficon-var-user:                                                   "\e60e" !default;
 $pficon-var-users:                                                  "\e60f" !default;
 $pficon-var-warning-triangle-o:                                     "\e61c" !default;
-$panel-default-border-color:                                        #bebdbd !default;
+$progress-description-label-width:                                  85px !default;
 $sidebar-pf-bg:                                                     #fafafa !default;
 $sidebar-pf-border-color:                                           #d0d0d0 !default;
 $table-border-hover:                                                #a7cadf !default;
@@ -174,9 +179,9 @@ $navbar-pf-navbar-primary-context-active-border-right-color:        $navbar-pf-n
 
 // Bootstrap overrides
 // -------------------
-$alert-info-border:                                                 #ccc !default;
+$alert-info-border:                                                 #8b8d8f !default;
 $alert-link-font-weight:                                            500 !default;
-$alert-padding:                                                     7px !default;
+$alert-padding:                                                     11px !default;
 $body-bg:                                                           #ffffff !default;
 $border-radius-base:                                                1px !default;
 $brand-danger:                                                      #cc0000 !default;
@@ -239,15 +244,15 @@ $tooltip-arrow-width:                                               8px !default
 $tooltip-bg:                                                        #434343 !default;
 $tooltip-max-width:                                                 220px !default;
 // Reference variables declared in block above
-$alert-danger-bg:                                                   $body-bg !default;
+$alert-danger-bg:                                                   #fbe7e7 !default;
 $alert-danger-border:                                               $brand-danger !default;
 $alert-danger-text:                                                 $gray-dark !default;
-$alert-info-bg:                                                     $body-bg !default;
+$alert-info-bg:                                                     #f2f2f2 !default;
 $alert-info-text:                                                   $gray-dark !default;
-$alert-success-bg:                                                  $body-bg !default;
+$alert-success-bg:                                                  #e8f9e7 !default;
 $alert-success-border:                                              $brand-success !default;
 $alert-success-text:                                                $gray-dark !default;
-$alert-warning-bg:                                                  $body-bg !default;
+$alert-warning-bg:                                                  #fdf4ea !default;
 $alert-warning-border:                                              $brand-warning !default;
 $alert-warning-text:                                                $gray-dark !default;
 $badge-border-radius:                                               $border-radius-base !default;