@dflat-core/web 1.7.2072 → 1.7.2074

package/assets/site.scss

@@ -1,374 +1,375 @@
-@import "shared.scss";
-@import "text.scss";
-@import "components/modals.scss";
-@import "components/menu.scss";
-@import "components/fonts.scss";
-@import "components/login.scss";
-@import "components/select.scss";
-@import "modals.scss";
-
-
-body {
-    font-family: 'Open Sans', 'sans serif';
-    font-size: 10pt;
-    background: $white;
-    color: $dark-grey;
-}
-
-*:focus {
-    outline: none;
-}
-
-.btn {
-    font-size: 10pt;
-}
-
-.row {
-    margin: 0px;
-}
-
-
-
-
-.info
-{
-    color: #032a06 !important;
-    background-color: #def2e2 !important;
-    padding: 15px;
-    margin-bottom: 20px;
-    border: 1px solid transparent;
-    border-radius: 4px;
-}
-
-
-
-
-
-.panel-left .row {
-    margin-left: 0px;
-    margin-right: 0px;
-}
-
-.loading {
-    opacity: 0;
-    transition: opacity .8s ease-in-out;
-    position: fixed;
-    height: 100%;
-    width: 100%;
-    top: 0;
-    left: 0;
-    background: white;
-    z-index: -1;
-}
-
-.colored {
-    background: gray;
-}
-
-app-root:empty+.loading {
-    opacity: 1;
-    z-index: 100;
-}
-
-app-root:empty+.loading h1 {
-    color: black;
-    position: absolute;
-    top: 50%;
-    width: 100%;
-    text-align: center;
-    transform: translate(0, -50%);
-}
-
-#Loader-Block {
-    position: absolute;
-    width: 270px;
-    margin-left: -135px;
-    top: 30%;
-    left: 50%;
-    background: #444;
-    color: white;
-    padding: 20px;
-    border-radius: 4px;
-    text-align: center;
-    z-index: 1000;
-    box-shadow: 4px 4px 6px #535353;
-}
-
-#Loader {
-    width: 270px;
-    top: 50%;
-    left: 50%;
-    color: #444;
-    padding: 20px;
-    border-radius: 4px;
-    text-align: center;
-    z-index: 1000;
-}
-
-
-.LoadingText {
-    clear: both;
-    font-size: 1.5em;
-    margin-top: 20px;
-}
-
-
-h1, .content-header h1 {
-    // font-family: 'SegoeUI';
-    font-size: 14pt;
-}
-
-h4 {
-    font-size: 12pt;
-}
-
-h1, h2, h3, h4 {
-    // font-family: 'SegoeUI';
-}
-
-h1 small {
-    // font-family: 'SegoeUI', 'Open Sans', 'sans serif';
-    font-size: 8px;
-}
-
-
-
-
-.btn-marged {
-    margin: 3px;
-    border-radius: 0px;
-}
-
-
-
-
-.widget-user .sign-image {
-    background: white;
-    border-radius: 50%;
-    padding: 20px;
-    top: 55px;
-}
-
-.store-header {
-    padding: 0px;
-}
-
-@media (min-width: 768px) {
-    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
-        top: unset !important;
-    }
-}
-
-
-
-
-.btn-flat {
-    margin-right: 5px;
-    min-width: 140px;
-}
-.bg-white {
-    background: white;
-}
-
-.search-config {
-    min-width: 300px;
-    margin-top: 10px;
-}
-
-.margin-bottom-5 {
-    margin-bottom: 5px;
-}
-
-
-/*  Override style for ngx-treeview :
-    this is not the best way to acheive it, because because we just try to override
-    boostrap 4 style, so in the future we have to rewrite the components of ngx-treeview
-*/
-
-
-.col-12 {
-    flex: 0 0 100%;
-    max-width: 100%;
-}
-
-.col,
-.col-1,
-.col-10,
-.col-11,
-.col-12,
-.col-2,
-.col-3,
-.col-4,
-.col-5,
-.col-6,
-.col-7,
-.col-8,
-.col-9,
-.col-auto {
-    position: relative;
-    width: 100%;
-    min-height: 1px;
-    padding-right: 15px;
-    padding-left: 15px;
-}
-
-.dropdown-divider {
-    height: 0;
-    margin: .5rem 0;
-    overflow: hidden;
-    border-top: 1px solid #666768;
-}
-
-.form-inline {
-    display: flex;
-    flex-flow: row wrap;
-    align-items: center;
-}
-.form-group {
-    margin-bottom: 0;
-}
-label {
-    display: inline-block;
-    margin-bottom: -0.2rem;
-}
-.alertify,
-.alertify-log,
-.alertify-dialog {
-    font-family: 'SegoeUI', 'Open Sans', 'sans serif';
-    font-size: 10pt;
-}
-
-ul.dropdown-menu {
-    margin: 0;
-    min-width: 100px;
-    /* width: 200px */
-}
-
-a.disabled {
-    color: gray;
-    cursor: not-allowed;
-    text-decoration: underline;
-}
-
-
-
-.form-control-40 {
-    height: 40px;
-}
-
-.has-feedback .form-control {
-    padding-right: 6px;
-}
-
-.form-control:focus {
-    border-color: var(--main-bg-color);
-    box-shadow: none;
-}
-
-.panel-middle-header {
-    padding-top: 36px;
-}
-
-.panel-middle-content.with-filters {
-    height: 100%;
-    // padding-bottom: 32px;
-}
-
-.panel-middle-content {
-    height: 100%;
-    /* overflow: auto; */
-}
-.middle-panel-footer
-{
-    display:flex;
-    flex-direction: column-reverse;
-}
-
-
-.panel-middle-content>div.row {
-    padding: 0px 15px 0px 15px;
-}
-
-.padding-top-36 {
-    padding-top: 36px;
-}
-
-/*
-.panel-left,
-.panel-right {
-    border-bottom: 1px solid var(--main-bg-color);
-}
-*/
-
-.main-footer {
-    border-top: 1px solid var(--main-bg-color);
-}
-.panel-left-content,
-.panel-right-content {
-    padding-top: 36px;
-    height: 100%;
-    overflow: hidden;
-}
-
-.panel-action-content {
-    position: absolute;
-    width: 100%;
-    background: white;
-    z-index: 500;
-}
-
-.badge {
-    display: inline-block;
-    margin-top: -2px;
-}
-
-.btn-32 {
-    height: 32px;
-}
-
-.nav-tabs-custom>.tab-content {
-    padding: 0px;
-}
-.logs-pane {
-    height: 690px;
-}
-
-.top-div {
-    width: 100%;
-    height: 45%;
-    display: flex;
-    flex-direction: column;
-    border-bottom: 1px solid var(--main-bg-color);
-}
-
-.h20
-{
-    height: 40%;
-}
-.h80
-{
-    height: 60%;
-}
-.h100
-{
-    height: 100%;
-    overflow: auto;
-}
-
-
-.bottom-div {
-    width: 100%;
-    height: 55%;
-    display: flex;
-    flex-direction: column;
-
-}
-.bottom-div.h80 {
-    height: 70%;
-}
-.breadcrumb>li+li:before {
-    padding: 0 1px 0 4px;
-    color: #ccc;
-    content: " ";
-}
-
+@import "shared.scss";
+@import "text.scss";
+@import "components/modals.scss";
+@import "components/menu.scss";
+@import "components/fonts.scss";
+@import "components/login.scss";
+@import "components/select.scss";
+@import "components/icons.scss";
+@import "modals.scss";
+
+
+body {
+    font-family: 'Open Sans', 'sans serif';
+    font-size: 10pt;
+    background: $white;
+    color: $dark-grey;
+}
+
+*:focus {
+    outline: none;
+}
+
+.btn {
+    font-size: 10pt;
+}
+
+.row {
+    margin: 0px;
+}
+
+
+
+
+.info
+{
+    color: #032a06 !important;
+    background-color: #def2e2 !important;
+    padding: 15px;
+    margin-bottom: 20px;
+    border: 1px solid transparent;
+    border-radius: 4px;
+}
+
+
+
+
+
+.panel-left .row {
+    margin-left: 0px;
+    margin-right: 0px;
+}
+
+.loading {
+    opacity: 0;
+    transition: opacity .8s ease-in-out;
+    position: fixed;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    background: white;
+    z-index: -1;
+}
+
+.colored {
+    background: gray;
+}
+
+app-root:empty+.loading {
+    opacity: 1;
+    z-index: 100;
+}
+
+app-root:empty+.loading h1 {
+    color: black;
+    position: absolute;
+    top: 50%;
+    width: 100%;
+    text-align: center;
+    transform: translate(0, -50%);
+}
+
+#Loader-Block {
+    position: absolute;
+    width: 270px;
+    margin-left: -135px;
+    top: 30%;
+    left: 50%;
+    background: #444;
+    color: white;
+    padding: 20px;
+    border-radius: 4px;
+    text-align: center;
+    z-index: 1000;
+    box-shadow: 4px 4px 6px #535353;
+}
+
+#Loader {
+    width: 270px;
+    top: 50%;
+    left: 50%;
+    color: #444;
+    padding: 20px;
+    border-radius: 4px;
+    text-align: center;
+    z-index: 1000;
+}
+
+
+.LoadingText {
+    clear: both;
+    font-size: 1.5em;
+    margin-top: 20px;
+}
+
+
+h1, .content-header h1 {
+    // font-family: 'SegoeUI';
+    font-size: 14pt;
+}
+
+h4 {
+    font-size: 12pt;
+}
+
+h1, h2, h3, h4 {
+    // font-family: 'SegoeUI';
+}
+
+h1 small {
+    // font-family: 'SegoeUI', 'Open Sans', 'sans serif';
+    font-size: 8px;
+}
+
+
+
+
+.btn-marged {
+    margin: 3px;
+    border-radius: 0px;
+}
+
+
+
+
+.widget-user .sign-image {
+    background: white;
+    border-radius: 50%;
+    padding: 20px;
+    top: 55px;
+}
+
+.store-header {
+    padding: 0px;
+}
+
+@media (min-width: 768px) {
+    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
+        top: unset !important;
+    }
+}
+
+
+
+
+.btn-flat {
+    margin-right: 5px;
+    min-width: 140px;
+}
+.bg-white {
+    background: white;
+}
+
+.search-config {
+    min-width: 300px;
+    margin-top: 10px;
+}
+
+.margin-bottom-5 {
+    margin-bottom: 5px;
+}
+
+
+/*  Override style for ngx-treeview :
+    this is not the best way to acheive it, because because we just try to override
+    boostrap 4 style, so in the future we have to rewrite the components of ngx-treeview
+*/
+
+
+.col-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+
+.col,
+.col-1,
+.col-10,
+.col-11,
+.col-12,
+.col-2,
+.col-3,
+.col-4,
+.col-5,
+.col-6,
+.col-7,
+.col-8,
+.col-9,
+.col-auto {
+    position: relative;
+    width: 100%;
+    min-height: 1px;
+    padding-right: 15px;
+    padding-left: 15px;
+}
+
+.dropdown-divider {
+    height: 0;
+    margin: .5rem 0;
+    overflow: hidden;
+    border-top: 1px solid #666768;
+}
+
+.form-inline {
+    display: flex;
+    flex-flow: row wrap;
+    align-items: center;
+}
+.form-group {
+    margin-bottom: 0;
+}
+label {
+    display: inline-block;
+    margin-bottom: -0.2rem;
+}
+.alertify,
+.alertify-log,
+.alertify-dialog {
+    font-family: 'SegoeUI', 'Open Sans', 'sans serif';
+    font-size: 10pt;
+}
+
+ul.dropdown-menu {
+    margin: 0;
+    min-width: 100px;
+    /* width: 200px */
+}
+
+a.disabled {
+    color: gray;
+    cursor: not-allowed;
+    text-decoration: underline;
+}
+
+
+
+.form-control-40 {
+    height: 40px;
+}
+
+.has-feedback .form-control {
+    padding-right: 6px;
+}
+
+.form-control:focus {
+    border-color: var(--main-bg-color);
+    box-shadow: none;
+}
+
+.panel-middle-header {
+    padding-top: 36px;
+}
+
+.panel-middle-content.with-filters {
+    height: 100%;
+    // padding-bottom: 32px;
+}
+
+.panel-middle-content {
+    height: 100%;
+    /* overflow: auto; */
+}
+.middle-panel-footer
+{
+    display:flex;
+    flex-direction: column-reverse;
+}
+
+
+.panel-middle-content>div.row {
+    padding: 0px 15px 0px 15px;
+}
+
+.padding-top-36 {
+    padding-top: 36px;
+}
+
+/*
+.panel-left,
+.panel-right {
+    border-bottom: 1px solid var(--main-bg-color);
+}
+*/
+
+.main-footer {
+    border-top: 1px solid var(--main-bg-color);
+}
+.panel-left-content,
+.panel-right-content {
+    padding-top: 36px;
+    height: 100%;
+    overflow: hidden;
+}
+
+.panel-action-content {
+    position: absolute;
+    width: 100%;
+    background: white;
+    z-index: 500;
+}
+
+.badge {
+    display: inline-block;
+    margin-top: -2px;
+}
+
+.btn-32 {
+    height: 32px;
+}
+
+.nav-tabs-custom>.tab-content {
+    padding: 0px;
+}
+.logs-pane {
+    height: 690px;
+}
+
+.top-div {
+    width: 100%;
+    height: 45%;
+    display: flex;
+    flex-direction: column;
+    border-bottom: 1px solid var(--main-bg-color);
+}
+
+.h20
+{
+    height: 40%;
+}
+.h80
+{
+    height: 60%;
+}
+.h100
+{
+    height: 100%;
+    overflow: auto;
+}
+
+
+.bottom-div {
+    width: 100%;
+    height: 55%;
+    display: flex;
+    flex-direction: column;
+
+}
+.bottom-div.h80 {
+    height: 70%;
+}
+.breadcrumb>li+li:before {
+    padding: 0 1px 0 4px;
+    color: #ccc;
+    content: " ";
+}
+