blue-react 8.3.0 → 8.3.1

package/dist/styles/_caret.scss

@@ -1,50 +1,50 @@
-.caret {
-    /* treat like a font icon */
-    font-family: "blueicon" !important;
-    speak: none;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-
-    font-size: 1.15em;
-    position: relative;
-    top: 0.063rem;
-    display: inline-block;
-    /* END treat like a font icon */
-
-    --caret-size: 0.5em;
-    --caret-strength: 0.09em;
-
-    width: 1em;
-
-    &::before {
-        content: "";
-        display: block;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        width: var(--caret-size);
-        height: var(--caret-size);
-        background: transparent;
-        box-shadow: var(--caret-strength) var(--caret-strength) 0 currentColor;
-        transform: rotate(-45deg) translate(-50%, -50%);
-        margin-top: calc((var(--caret-size) + var(--caret-strength)) * -1);
-        transition: all 0.2s;
-    }
-
-    &.caret-mirrored {
-        &::before {
-            transform: rotate(135deg) translate(-50%, -50%);
-        }
-    }
-
-    &.caret-open {
-        &::before {
-            transform: rotate(45deg) translate(-50%, -50%);
-        }
-    }
-}
+.caret {
+    /* treat like a font icon */
+    font-family: "blueicon" !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+
+    font-size: 1.15em;
+    position: relative;
+    top: 0.063rem;
+    display: inline-block;
+    /* END treat like a font icon */
+
+    --caret-size: 0.5em;
+    --caret-strength: 0.09em;
+
+    width: 1em;
+
+    &::before {
+        content: "";
+        display: block;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: var(--caret-size);
+        height: var(--caret-size);
+        background: transparent;
+        box-shadow: var(--caret-strength) var(--caret-strength) 0 currentColor;
+        transform: rotate(-45deg) translate(-50%, -50%);
+        margin-top: calc((var(--caret-size) + var(--caret-strength)) * -1);
+        transition: all 0.2s;
+    }
+
+    &.caret-mirrored {
+        &::before {
+            transform: rotate(135deg) translate(-50%, -50%);
+        }
+    }
+
+    &.caret-open {
+        &::before {
+            transform: rotate(45deg) translate(-50%, -50%);
+        }
+    }
+}

package/dist/styles/_document-view.scss

@@ -1,6 +1,6 @@
-.document-view-iframe {
-    border: none;
-    width: 100%;
-    height: calc(100vh - 6.875rem);
-    display: block;
-}
+.document-view-iframe {
+    border: none;
+    width: 100%;
+    height: calc(100vh - 6.875rem);
+    display: block;
+}

package/dist/styles/_general.scss

@@ -1,177 +1,177 @@
-:root {
-    --app-bg: #{$app-bg};
-    --sidebar-bg: #{$sidebar-bg};
-    --header-bg: #{$header-bg};
-    --action-link-bg-color: var(--theme);
-}
-
-@include custom-scrollbar($scrollbar-thumb-color, $theme, false);
-
-* {
-    scrollbar-width: thin;
-}
-
-/* Versteckt Clear-Button für input[type="search"], da Blue bereits selbst Clear-Buttons liefert */
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-results-button,
-input[type="search"]::-webkit-search-results-decoration {
-    -webkit-appearance: none;
-}
-
-@media screen and (min-width: 768px) {
-    ::-webkit-scrollbar {
-        height: $scrollbar-size;
-        overflow: visible;
-        width: $scrollbar-size;
-    }
-    ::-webkit-scrollbar-thumb {
-        background-clip: padding-box;
-        border: solid transparent;
-        border-width: 1px;
-        min-height: 28px;
-        padding: 100px 0 0;
-        border-radius: 0.3rem;
-    }
-    ::-webkit-scrollbar-button {
-        height: 0;
-        width: 0;
-    }
-    ::-webkit-scrollbar-track {
-        border: solid transparent;
-        border-width: 0 0 0 4px;
-    }
-    ::-webkit-scrollbar-corner {
-        background: 0 0;
-    }
-}
-
-html,
-body {
-    height: 100%;
-}
-
-body {
-    background: var(--app-bg, #{$app-bg});
-
-    .blue-wrapper {
-        position: fixed;
-        width: 100%;
-        width: 100%;
-        left: 0;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        z-index: 1;
-        display: none;
-    }
-
-    &.open {
-        .blue-wrapper {
-            display: block;
-        }
-    }
-}
-
-h1,
-h2 {
-    font-weight: 300;
-}
-
-label {
-    font-weight: 600;
-}
-
-// Idee für Effekt von http://www.w3schools.com/howto/howto_css_animate_buttons.asp
-.btn,
-.nav-pills > li > a,
-.pager li > a,
-.pagination > li > a,
-.list-group a.list-group-item {
-    &:not(.disabled):not(.readonly):not(.dropdown-toggle) {
-        -webkit-transition: background-color 0.3s, color 0.15s, box-shadow 0.3s,
-            opacity 0.3s;
-        transition: background-color 0.3s, color 0.15s, box-shadow 0.3s,
-            opacity 0.3s;
-        position: relative;
-
-        &:hover,
-        &:active,
-        &:focus {
-            z-index: 1;
-        }
-    }
-}
-
-.page-link {
-    &:hover,
-    &:focus {
-        text-decoration: none;
-    }
-}
-
-.page-header {
-    padding-bottom: 0.563rem;
-    margin: 2.5rem 0 1.25rem;
-    border-bottom: 1px solid $table-border-color;
-}
-
-.dark-area {
-    background-color: $gray-900;
-    color: #fff;
-
-    a:not(.btn) {
-        color: lighten($link-color, 15%);
-
-        &:hover,
-        &:focus {
-            color: lighten($link-color, 30%);
-        }
-    }
-}
-
-.alert-dismissible .close {
-    top: -0.375rem;
-}
-
-.blue-wrapper {
-    z-index: 3 !important;
-
-    &.active {
-        display: block;
-    }
-}
-
-@media screen and (max-width: 768px) {
-    .blue-header-extension .blue-header-logo-title-labels:not(.keep) {
-        display: none;
-    }
-}
-
-.sign-in-screen {
-    padding-top: $normal-size;
-
-    .sign-in-container {
-        animation: enabledBlueAppPage 0.5s;
-    }
-
-    @media screen and (min-width: 768px) {
-        .sign-in-container {
-            padding: 0 calc(50% - 18rem);
-            width: auto;
-        }
-    }
-}
-
-.w-bla-sidebar-width {
-    width: $bla-sidebar-width;
-}
-
-.blue-header-logo.sidebar {
-    width: $bla-sidebar-width;
-    padding-left: calc(#{$normal-size} + #{$spacer});
-    transform: translateX(-100%);
-    transition: transform 0.4s;
-    background: var(--sidebar-bg);
-    color: $sidebar-color;
-}
+:root {
+    --app-bg: #{$app-bg};
+    --sidebar-bg: #{$sidebar-bg};
+    --header-bg: #{$header-bg};
+    --action-link-bg-color: var(--theme);
+}
+
+@include custom-scrollbar($scrollbar-thumb-color, $theme, false);
+
+* {
+    scrollbar-width: thin;
+}
+
+/* Versteckt Clear-Button für input[type="search"], da Blue bereits selbst Clear-Buttons liefert */
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-results-button,
+input[type="search"]::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+}
+
+@media screen and (min-width: 768px) {
+    ::-webkit-scrollbar {
+        height: $scrollbar-size;
+        overflow: visible;
+        width: $scrollbar-size;
+    }
+    ::-webkit-scrollbar-thumb {
+        background-clip: padding-box;
+        border: solid transparent;
+        border-width: 1px;
+        min-height: 28px;
+        padding: 100px 0 0;
+        border-radius: 0.3rem;
+    }
+    ::-webkit-scrollbar-button {
+        height: 0;
+        width: 0;
+    }
+    ::-webkit-scrollbar-track {
+        border: solid transparent;
+        border-width: 0 0 0 4px;
+    }
+    ::-webkit-scrollbar-corner {
+        background: 0 0;
+    }
+}
+
+html,
+body {
+    height: 100%;
+}
+
+body {
+    background: var(--app-bg, #{$app-bg});
+
+    .blue-wrapper {
+        position: fixed;
+        width: 100%;
+        width: 100%;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 1;
+        display: none;
+    }
+
+    &.open {
+        .blue-wrapper {
+            display: block;
+        }
+    }
+}
+
+h1,
+h2 {
+    font-weight: 300;
+}
+
+label {
+    font-weight: 600;
+}
+
+// Idee für Effekt von http://www.w3schools.com/howto/howto_css_animate_buttons.asp
+.btn,
+.nav-pills > li > a,
+.pager li > a,
+.pagination > li > a,
+.list-group a.list-group-item {
+    &:not(.disabled):not(.readonly):not(.dropdown-toggle) {
+        -webkit-transition: background-color 0.3s, color 0.15s, box-shadow 0.3s,
+            opacity 0.3s;
+        transition: background-color 0.3s, color 0.15s, box-shadow 0.3s,
+            opacity 0.3s;
+        position: relative;
+
+        &:hover,
+        &:active,
+        &:focus {
+            z-index: 1;
+        }
+    }
+}
+
+.page-link {
+    &:hover,
+    &:focus {
+        text-decoration: none;
+    }
+}
+
+.page-header {
+    padding-bottom: 0.563rem;
+    margin: 2.5rem 0 1.25rem;
+    border-bottom: 1px solid $table-border-color;
+}
+
+.dark-area {
+    background-color: $gray-900;
+    color: #fff;
+
+    a:not(.btn) {
+        color: lighten($link-color, 15%);
+
+        &:hover,
+        &:focus {
+            color: lighten($link-color, 30%);
+        }
+    }
+}
+
+.alert-dismissible .close {
+    top: -0.375rem;
+}
+
+.blue-wrapper {
+    z-index: 3 !important;
+
+    &.active {
+        display: block;
+    }
+}
+
+@media screen and (max-width: 768px) {
+    .blue-header-extension .blue-header-logo-title-labels:not(.keep) {
+        display: none;
+    }
+}
+
+.sign-in-screen {
+    padding-top: $normal-size;
+
+    .sign-in-container {
+        animation: enabledBlueAppPage 0.5s;
+    }
+
+    @media screen and (min-width: 768px) {
+        .sign-in-container {
+            padding: 0 calc(50% - 18rem);
+            width: auto;
+        }
+    }
+}
+
+.w-bla-sidebar-width {
+    width: $bla-sidebar-width;
+}
+
+.blue-header-logo.sidebar {
+    width: $bla-sidebar-width;
+    padding-left: calc(#{$normal-size} + #{$spacer});
+    transform: translateX(-100%);
+    transition: transform 0.4s;
+    background: var(--sidebar-bg);
+    color: $sidebar-color;
+}