@rio-cloud/rio-uikit 0.16.0-beta-1 → 0.16.0-beta-4

package/lib/style/css/components/TableToolbar.less

@@ -0,0 +1,121 @@
+.table-toolbar {
+  margin-bottom: 10px;
+
+  .table-toolbar-container {
+    align-items: flex-end;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+
+    [class*='table-toolbar-group'] {
+      align-self: flex-end;
+      display: flex;
+      flex-wrap: wrap;
+      max-width: 100%;
+
+      @media (max-width: @screen-ls) {
+        width: 100%;
+        margin-left: 0 !important;
+        margin-right: 0 !important;
+
+        .table-toolbar-column {
+          width: 100%;
+          margin: 0 !important;
+
+          // horizontal space between elements
+          .btn,
+          .dropdown:not(.btn-group),
+          .form-control,
+          .DatePicker {
+            margin: 0 0 10px 0;
+          }
+
+          // all elemnts with 100% width
+          div:not([class]),
+          .table-toolbar-search,
+          .input-group,
+          .btn,
+          .dropdown,
+          .form-control,
+          .btn-group {
+            width: 100%;
+          }
+
+          // remove double bottom space
+          .DatePicker .form-control {
+            margin-bottom: 0;
+          }
+        }
+      }
+
+      .form-group {
+        margin-bottom: 0;
+      }
+
+      .table-toolbar-column,
+      .form-group:not(.DatePicker) {
+        .form-group;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+        margin-bottom: 15px;
+        max-width: 100%;
+        position: relative;
+
+        @media (min-width: @screen-ls-max) {
+          &.table-toolbar-column-spacer {
+            padding-right: 18px;
+
+            &:after {
+              background: @gray-light;
+              bottom: 5px;
+              content: '';
+              height: @input-height-base - 10px;
+              position: absolute;
+              right: 0;
+              width: 2px;
+            }
+          }
+        }
+
+        + .table-toolbar-column {
+          margin-left: 15px;
+        }
+      }
+
+      .table-btn-toolbar {
+        display: flex;
+        flex-wrap: wrap;
+      }
+
+      > .table-toolbar-label {
+        width: 100%;
+      }
+
+      &[class*='-left'] {
+        flex: 1 1 auto;
+      }
+
+      &[class*='-right'] {
+        justify-content: flex-end;
+        margin-left: 15px;
+      }
+    }
+  }
+
+  .table-toolbar-search {
+    max-width: 100%;
+    width: 300px;
+  }
+}
+
+.table-toolbar-cards-sorting {
+  &:not(.multiselect-table) {
+    margin-bottom: 10px;
+  }
+
+  &.multiselect-table {
+  float: left;
+    margin: 0 0 -(@btn-size-default) 47px !important;
+  }
+}

package/lib/style/css/components/Tooltip.less

@@ -18,9 +18,9 @@
   &.tooltip-onboarding {
     max-width: calc(~'100vw - 30px');
 
-    &:not([class*='margin-']) {
-      margin: 0 !important;
-    }
+    // &:not([class*='margin-']) {
+    //   margin: 0 !important;
+    // }
 
     &[class*='max-width'] {
       .tooltip-inner {
@@ -150,10 +150,8 @@
     padding: @arrow-size;
 
     .tooltip-arrow {
-      bottom: 0;
       border-top-color: @color;
       border-width: @arrow-size @arrow-size 0 @arrow-size;
-      transform: translate(-50%, 100%);
     }
   }
 
@@ -161,10 +159,8 @@
     padding: 0 @arrow-size;
 
     .tooltip-arrow {
-      left: 0;
       border-right-color: @color;
       border-width: @arrow-size @arrow-size @arrow-size 0;
-      transform: translate(-100%, -50%);
     }
   }
 
@@ -172,10 +168,8 @@
     padding: @arrow-size 0;
 
     .tooltip-arrow {
-      top: 0;
       border-bottom-color: @color;
       border-width: 0 @arrow-size @arrow-size @arrow-size;
-      transform: translate(-50%, -100%);
     }
   }
 
@@ -183,13 +177,50 @@
     padding: 0 @arrow-size;
 
     .tooltip-arrow {
-      right: 0;
       border-left-color: @color;
       border-width: @arrow-size 0 @arrow-size @arrow-size;
     }
   }
 }
 
+.tooltip {
+  &[x-placement^="top"] {
+    .tooltip-arrow {
+      bottom: 0;
+    }
+  }
+
+  &[x-placement^="right"] {
+    .tooltip-arrow {
+      left: 0;
+    }
+  }
+
+  &[x-placement^="bottom"] {
+    .tooltip-arrow {
+      top: 0;
+    }
+  }
+
+  &[x-placement^="left"] {
+    .tooltip-arrow {
+      right: 0;
+    }
+  }
+
+  &[x-placement^="top-start"], &[x-placement^="bottom-start"] {
+    .tooltip-inner {
+      margin-left: 10px;
+    }
+  }
+
+  &[x-placement^="top-end"], &[x-placement^="bottom-end"] {
+    .tooltip-inner {
+      margin-right: 10px;
+    }
+  }
+}
+
 // Tippy
 .tippy-touch {
   cursor: pointer !important

package/lib/style/css/design/tables.less

@@ -845,128 +845,6 @@
   }
 }
 
-.table-toolbar {
-  margin-bottom: 10px;
-
-  .table-toolbar-container {
-    align-items: flex-end;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-end;
-
-    [class*='table-toolbar-group'] {
-      align-self: flex-end;
-      display: flex;
-      flex-wrap: wrap;
-      max-width: 100%;
-
-      @media (max-width: @screen-ls) {
-        width: 100%;
-        margin-left: 0 !important;
-        margin-right: 0 !important;
-
-        .table-toolbar-column {
-          width: 100%;
-          margin: 0 !important;
-
-          // horizontal space between elements
-          .btn,
-          .dropdown:not(.btn-group),
-          .form-control,
-          .DatePicker {
-            margin: 0 0 10px 0;
-          }
-
-          // all elemnts with 100% width
-          div:not([class]),
-          .table-toolbar-search,
-          .input-group,
-          .btn,
-          .dropdown,
-          .form-control,
-          .btn-group {
-            width: 100%;
-          }
-
-          // remove double bottom space
-          .DatePicker .form-control {
-            margin-bottom: 0;
-          }
-        }
-      }
-
-      .form-group {
-        margin-bottom: 0;
-      }
-
-      .table-toolbar-column,
-      .form-group {
-        .form-group;
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-end;
-        margin-bottom: 15px;
-        max-width: 100%;
-        position: relative;
-
-        @media (min-width: @screen-ls-max) {
-          &.table-toolbar-column-spacer {
-            padding-right: 18px;
-
-            &:after {
-              background: @gray-light;
-              bottom: 5px;
-              content: '';
-              height: @input-height-base - 10px;
-              position: absolute;
-              right: 0;
-              width: 2px;
-            }
-          }
-        }
-
-        + .table-toolbar-column {
-          margin-left: 15px;
-        }
-      }
-
-      .table-btn-toolbar {
-        display: flex;
-        flex-wrap: wrap;
-      }
-
-      > .table-toolbar-label {
-        width: 100%;
-      }
-
-      &[class*='-left'] {
-        flex: 1 1 auto;
-      }
-
-      &[class*='-right'] {
-        justify-content: flex-end;
-        margin-left: 15px;
-      }
-    }
-  }
-
-  .table-toolbar-search {
-  max-width: 100%;
-  width: 300px;
-  }
-}
-
-.table-toolbar-cards-sorting {
-  &:not(.multiselect-table) {
-  margin-bottom: 10px;
-  }
-
-  &.multiselect-table {
-  float: left;
-  margin: 0 0 -(@btn-size-default) 47px !important;
-  }
-}
-
 // Bootstrap Cols
 table td[class*="col-"],
 table th[class*="col-"] {

package/lib/style/fonts/rioglyph/rioglyph.less

@@ -2,7 +2,7 @@
 
 @font-face {
 	font-family: "rioglyph";
-	src: url("rioglyph.woff?4f89ef51d7bec2188389c1c1ee44ac59") format("woff");
+	src: url("rioglyph.woff?14b6680c6235c42a26bca0913e1eea27") format("woff");
     font-weight: normal;
     font-style: normal;
 }
@@ -1094,6 +1094,11 @@
 .hover-rioglyph-share-alt:hover:before {
 	content: "\e982";
 }
+@rioglyph-ship: "\f18d";
+.rioglyph-ship:before,
+.hover-rioglyph-ship:hover:before {
+	content: "\f18d";
+}
 @rioglyph-shopping-cart: "\e98b";
 .rioglyph-shopping-cart:before,
 .hover-rioglyph-shopping-cart:hover:before {