Initial commit
This commit is contained in:
235
src/less/adapter.less
Normal file
235
src/less/adapter.less
Normal file
@@ -0,0 +1,235 @@
|
||||
@import "commons";
|
||||
@import "adminCommons";
|
||||
|
||||
body {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
|
||||
}
|
||||
|
||||
/* Load material icons */
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(./../../lib/fonts/material.woff2) format('woff2'), url(./../../lib/fonts/material.woff) format('woff');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-feature-settings: 'liga';
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-hover a, .ui-state-hover a:link, .ui-state-hover a:visited {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#tabs {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.header {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.header input {
|
||||
margin: 4px;
|
||||
|
||||
}
|
||||
.adapter-body {
|
||||
height: calc(~"100% - 100px");
|
||||
width: 100%;
|
||||
overflow: auto
|
||||
}
|
||||
.dialog-config-buttons {
|
||||
.btn-save {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
.btn-cancel {
|
||||
float: right;
|
||||
margin-top: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.btn i {
|
||||
line-height: 35px !important;
|
||||
}
|
||||
}
|
||||
.ui-tabs-nav {
|
||||
border-radius: 0;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
#adapter-container {
|
||||
font-size: 0.82em;
|
||||
}
|
||||
.adapter-container>.row {
|
||||
height: auto;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 12px;
|
||||
width: 370px;
|
||||
padding-left:5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
background-color: lightblue;
|
||||
}
|
||||
.table-values {
|
||||
width: 100%;
|
||||
th {
|
||||
background: #686868;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
}
|
||||
tr:nth-child(even) {
|
||||
background: #d0d0d0;
|
||||
}
|
||||
.values-buttons {
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
/* tooltips */
|
||||
.admin-tooltip-icon {
|
||||
width: 11px;
|
||||
}
|
||||
.admin-tooltip-text {
|
||||
font-size: smaller;
|
||||
font-style: italic;
|
||||
color: gray;
|
||||
}
|
||||
.admin-icon {
|
||||
width: 11px;
|
||||
}
|
||||
// Materialize settings
|
||||
.m {
|
||||
overflow: hidden;
|
||||
.logo-le {
|
||||
width: 200px;
|
||||
}
|
||||
.logo {
|
||||
padding: 0.5rem;
|
||||
width: 64px;
|
||||
}
|
||||
.col {
|
||||
position: relative;
|
||||
.select-wrapper + label {
|
||||
/* top: 100%; */
|
||||
}
|
||||
}
|
||||
.tooltip {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -1rem;
|
||||
}
|
||||
.tooltip + [type="number"],
|
||||
.tooltip + [type="text"]{
|
||||
top: 1rem;
|
||||
right: -1rem;
|
||||
}
|
||||
.disabled[type="checkbox"] + span {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.page {
|
||||
height: calc(~"100% - 70px");
|
||||
overflow: auto;
|
||||
}
|
||||
.dropdown-content {
|
||||
max-height: 300px;
|
||||
}
|
||||
span{
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.btn {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
.dialog-config-buttons {
|
||||
.btn-cancel {
|
||||
margin-top: 0.9em;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 611px){
|
||||
.dialog-config-buttons span {
|
||||
display: none;
|
||||
}
|
||||
.dialog-config-buttons {
|
||||
.btn-cancel {
|
||||
margin-top: 0.7em;
|
||||
}
|
||||
}
|
||||
}
|
||||
//.select-wrapper+label {
|
||||
// top: 100% !important;
|
||||
//}
|
||||
|
||||
.table-values {
|
||||
td, th {
|
||||
padding: 2px 4px;
|
||||
input {
|
||||
height: 2rem !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.hiddendiv {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toast-container {
|
||||
bottom: 20%;
|
||||
left: 50%;
|
||||
top: initial;
|
||||
right: initial;
|
||||
position: absolute;
|
||||
background: gray;
|
||||
color: white;
|
||||
padding: 1rem;
|
||||
border-radius: 3px;
|
||||
font-size: larger;
|
||||
}
|
||||
.title {
|
||||
background: @main-active-color;
|
||||
color: white;
|
||||
letter-spacing: .5px;
|
||||
padding: 0.5rem;
|
||||
.name {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
.help-link {
|
||||
text-align: right;
|
||||
a {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
// scrollbar
|
||||
*::-webkit-scrollbar-track {
|
||||
background-color: @admin-sidemenu-background;
|
||||
}
|
||||
*::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
background-color: @admin-sidemenu-background;
|
||||
}
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: @admin-sidemenu-scrollbar-thumb-color;
|
||||
}
|
||||
57
src/less/adapterCron.less
Normal file
57
src/less/adapterCron.less
Normal file
@@ -0,0 +1,57 @@
|
||||
@import "commons";
|
||||
|
||||
#dialog-cron {
|
||||
width: 80%;
|
||||
.btn-clear {
|
||||
float: left;
|
||||
}
|
||||
.page {
|
||||
height: calc(~"100% - 238px");
|
||||
overflow: auto;
|
||||
}
|
||||
.cron-tabs-format {
|
||||
text-align: center;
|
||||
}
|
||||
.col {
|
||||
position: relative;
|
||||
}
|
||||
input.cron-input {
|
||||
font-size: 24px;
|
||||
}
|
||||
.padding {
|
||||
height: 10px;
|
||||
}
|
||||
.cron-number {
|
||||
width: 2rem;
|
||||
height: 1.5rem;
|
||||
padding-top: 3px;
|
||||
border: 1px solid #b7b7b7;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
&.selected {
|
||||
background: @main-active-color;
|
||||
color: @admin-sidemenu-color;
|
||||
}
|
||||
}
|
||||
.cron-number-empty {
|
||||
width: 2rem;
|
||||
height: 1.5rem;
|
||||
display: inline-block;
|
||||
}
|
||||
#cron-tabs-week {
|
||||
.cron-number {
|
||||
width: 6rem;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
background: @main-active-color;
|
||||
color: white;
|
||||
letter-spacing: .5px;
|
||||
padding: 0.5rem;
|
||||
.name {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
473
src/less/admin.less
Normal file
473
src/less/admin.less
Normal file
@@ -0,0 +1,473 @@
|
||||
@import "../lib/css/iob/selectID";
|
||||
@import "commons";
|
||||
|
||||
body {
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
//.iob-font
|
||||
font-family: @iob-font;
|
||||
font-weight: normal;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Load material icons */
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(./../lib/fonts/material.woff2) format('woff2'), url(./../lib/fonts/material.woff) format('woff');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-feature-settings: 'liga';
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
#tabs {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
// loader
|
||||
#connecting {
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
background: rgba(0,0,0,0.3);
|
||||
z-index: 20000;
|
||||
|
||||
.connecting-div {
|
||||
left: 40%;
|
||||
top: 40%;
|
||||
width: 20%;
|
||||
height: 20%;
|
||||
position: absolute;
|
||||
|
||||
.spinner {
|
||||
animation: rotator @duration linear infinite;
|
||||
}
|
||||
|
||||
.path {
|
||||
stroke-dasharray: @offset;
|
||||
stroke-dashoffset: 0;
|
||||
transform-origin: center;
|
||||
animation:
|
||||
dash @duration ease-in-out infinite,
|
||||
colors (@duration*4) ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* -------------------------- LEDS ------------------------------------ */
|
||||
|
||||
.led-all, .led-green, .led-yellow, .led-gray, .led-red, .led-orange, .led-blue {
|
||||
border-radius: 50%;
|
||||
box-shadow: #555D0D 0 0 1px 1px, rgb(68, 111, 68) 0 0 0, inset #e44949 0 0 0;
|
||||
height: 0.9em;
|
||||
width: 0.9em;
|
||||
margin-left: 0.6em;
|
||||
}
|
||||
|
||||
.led-red {
|
||||
background-color: #FF9999;
|
||||
}
|
||||
|
||||
.led-green {
|
||||
background-color: rgb(134, 214, 134);
|
||||
}
|
||||
|
||||
.led-yellow {
|
||||
background-color: #A90;
|
||||
}
|
||||
|
||||
.led-orange {
|
||||
background-color: #F7E43B;
|
||||
}
|
||||
.led-blue {
|
||||
background-color: #4AB;
|
||||
}
|
||||
.led-gray {
|
||||
background-color: #bababa;
|
||||
}
|
||||
|
||||
// admin icon
|
||||
.user-view #current-user-icon img {
|
||||
height: 96px;
|
||||
width: auto;
|
||||
border-radius: 96px;
|
||||
}
|
||||
/****/
|
||||
|
||||
.main-admin-buttons {
|
||||
border-spacing: @toolbar-button-full-distance;
|
||||
width: auto;
|
||||
position: relative;
|
||||
height: 27px;
|
||||
//margin-left: 2px;
|
||||
margin-top: 1px;
|
||||
padding-left: 0.5rem;
|
||||
#host-adapters {
|
||||
.imgHost {
|
||||
max-height: 30px;
|
||||
margin-top: -3px;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
a {
|
||||
margin-left: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
min-width: 200px;
|
||||
}
|
||||
.dropdown-button {
|
||||
padding-left: 5px;
|
||||
.imgHost {
|
||||
max-height: 30px;
|
||||
padding-top: 3px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
.safari #host-adapters-btn,
|
||||
.ie #host-adapters-btn {
|
||||
margin-top: 10px !important; // for safari. Safari does not support line-height
|
||||
}
|
||||
|
||||
.button-version {
|
||||
color: @admin-sidemenu-color;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 4rem;
|
||||
}
|
||||
.button-icon {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
img {
|
||||
width: 32px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 600px) and (max-width: 700px) {
|
||||
.button-version {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
.button-icon, .button-version {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.button-current-user {
|
||||
padding-left: 1rem;
|
||||
div {
|
||||
position: relative;
|
||||
height: @admin-sidemenu-main-header-height;
|
||||
span {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.safari li,
|
||||
.ie li {
|
||||
vertical-align: middle; // for safari. Safari does not support line-height
|
||||
}
|
||||
}
|
||||
|
||||
.ram-info-td {
|
||||
white-space: nowrap;
|
||||
font-size: 14px;
|
||||
//.iob-font
|
||||
font-family: @iob-font;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.ram-font-weight {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.choose-tabs-config-button {
|
||||
//height: 35px;
|
||||
height: @tabs-height;
|
||||
width: 18px;
|
||||
background: #fff;
|
||||
//top: -3px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
color: #a0a0a0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.events-grid-div {
|
||||
//height: calc(~'100% - 50px') !important;
|
||||
height: calc(~'100% - 24px') !important;
|
||||
}
|
||||
|
||||
@grid-tables: states, groups, users, enums;
|
||||
|
||||
.grid-table-classes(@index) when (@index > 0) {
|
||||
.grid-table-classes((@index - 1));
|
||||
@view: extract(@grid-tables, @index);
|
||||
|
||||
table#grid-@{view} {
|
||||
//display: inline-block;
|
||||
//border-left: @td-border;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table#grid-@{view} {
|
||||
&:extend(.iob-list-font);
|
||||
position: relative;
|
||||
top: @header-table-distance - 1px;
|
||||
}
|
||||
|
||||
table#grid-@{view} > tbody > tr {
|
||||
//.iob-list-table;
|
||||
font-family: @iob-font;
|
||||
font-weight: normal;
|
||||
font-size: @list-font-size !important;
|
||||
border: @td-border !important;
|
||||
white-space: nowrap;
|
||||
border: 0;
|
||||
|
||||
height: 25px !important;
|
||||
padding: 0;
|
||||
padding-left: @line-indent;
|
||||
}
|
||||
|
||||
//table#grid-@{view} > tbody > tr.jqgfirstrow {
|
||||
table#grid-@{view} > tbody > tr:first-child {
|
||||
height: 0 !important;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
}
|
||||
.grid-table-classes(length(@grid-tables));
|
||||
|
||||
.admin-tab { // äußerster div eines Tabs
|
||||
height: calc(~'100% - 47px');
|
||||
}
|
||||
.grid-main-div {
|
||||
height: calc(~'100% - 50px');
|
||||
}
|
||||
|
||||
#grid-instances-head>tr {
|
||||
height: @header-height;
|
||||
}
|
||||
|
||||
#grid-hosts-head>tr:first-child {
|
||||
height: @header-height;
|
||||
}
|
||||
|
||||
#iob-body .ui-button-text-only, #iob-body .ui-button-text {
|
||||
//.iob-font-12;
|
||||
font-size: @list-font-size !important;
|
||||
//.iob-font
|
||||
font-family: @iob-font;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
// modals
|
||||
.dialog-icon {
|
||||
float: right;
|
||||
}
|
||||
.dialog-text {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
#dialog-host-update {
|
||||
p {
|
||||
font-size: 1rem;
|
||||
}
|
||||
textarea {
|
||||
font-family: monospace;
|
||||
width: 100%;
|
||||
height: 7rem;
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
|
||||
// License dialog
|
||||
#dialog-license-main {
|
||||
h5 {
|
||||
background: @main-background-color;
|
||||
color: @admin-buttons-background;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.license-text {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.license_text {
|
||||
width: 100%;
|
||||
height: calc(~"100% - 190px");
|
||||
margin-bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
input[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
|
||||
-webkit-animation: colorBlink 3s ease-out infinite;
|
||||
-moz-animation: colorBlink 3s ease-out infinite;
|
||||
-o-animation: colorBlink 3s ease-out infinite;
|
||||
animation: colorBlink 3s ease-out infinite;
|
||||
}
|
||||
.license-checkbox-box {
|
||||
color: #ff636e;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes colorBlink {
|
||||
0% {
|
||||
border-color: #5a5a5a;
|
||||
}
|
||||
50% {
|
||||
border-color: #ff636e;
|
||||
}
|
||||
100% {
|
||||
border-color: #5a5a5a;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes colorBlink {
|
||||
0% {
|
||||
border-color: #5a5a5a;
|
||||
}
|
||||
50% {
|
||||
border-color: #ff636e;
|
||||
}
|
||||
100% {
|
||||
border-color: #5a5a5a;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes colorBlink {
|
||||
0% {
|
||||
border-color: #5a5a5a;
|
||||
}
|
||||
50% {
|
||||
border-color: #ff636e;
|
||||
}
|
||||
100% {
|
||||
border-color: #5a5a5a;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes colorBlink {
|
||||
0% {
|
||||
border-color: #5a5a5a;
|
||||
}
|
||||
50% {
|
||||
border-color: #ff636e;
|
||||
}
|
||||
100% {
|
||||
border-color: #5a5a5a;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-overlay {
|
||||
background: gray;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
// Command dialog
|
||||
#dialog-command {
|
||||
.title {
|
||||
background: @main-background-color;
|
||||
color: @admin-buttons-background;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.textarea .ack{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
textarea {
|
||||
background: #e9e9e9;
|
||||
font-family: courier, monospace;
|
||||
font-size: 11px;
|
||||
resize: none;
|
||||
width: 100%;
|
||||
height: calc(~"100% - 185px");
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.progress-dont-close {
|
||||
float: left;
|
||||
padding-left: 1rem;
|
||||
padding-top: 1rem;
|
||||
/*&.disabled {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}*/
|
||||
}
|
||||
.switch {
|
||||
text-align: right;
|
||||
}
|
||||
.command {
|
||||
font-style: italic;
|
||||
}
|
||||
.btn {
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
.progress-text {
|
||||
font-size: 14px;
|
||||
&.error {
|
||||
color: #ff636e;
|
||||
}
|
||||
}
|
||||
}
|
||||
.button-command {
|
||||
right: 12rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
cursor: pointer;
|
||||
&.error::after {
|
||||
content: "";
|
||||
background: #ff636e;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
top: 1.4rem;
|
||||
bottom: 1.4rem;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
&.in-progress {
|
||||
animation-name: in-progress;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
}
|
||||
@keyframes in-progress {
|
||||
0% {opacity: 1;}
|
||||
50% {opacity: 0.3;}
|
||||
100% {opacity: 1;}
|
||||
}
|
||||
.text-overflow{
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.dialog-system-buttons{
|
||||
a{
|
||||
margin: 0.5em;
|
||||
}
|
||||
}
|
||||
609
src/less/adminAdapters.less
Normal file
609
src/less/adminAdapters.less
Normal file
@@ -0,0 +1,609 @@
|
||||
@import "commons";
|
||||
|
||||
@tiles-tile-padding: 1rem;
|
||||
|
||||
#tab-adapters {
|
||||
.grid-main-div {
|
||||
th,td {
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
.process-adapters {
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 45%;
|
||||
width: 10%;
|
||||
height: 10%;
|
||||
z-index: 2;
|
||||
|
||||
.spinner {
|
||||
animation: rotator @duration linear infinite;
|
||||
}
|
||||
|
||||
.path {
|
||||
stroke-dasharray: @offset;
|
||||
stroke-dashoffset: 0;
|
||||
transform-origin: center;
|
||||
stroke: #4285F4;
|
||||
animation:
|
||||
dash @duration ease-in-out infinite;
|
||||
//colors (@duration*4) ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
.main-toolbar-table {
|
||||
left: -2px;
|
||||
a.btn-small {
|
||||
line-height: @admin-small-buttons-size;
|
||||
height: @admin-small-buttons-size;
|
||||
width: @admin-small-buttons-size;
|
||||
i {
|
||||
line-height: @admin-small-buttons-size;
|
||||
}
|
||||
}
|
||||
|
||||
.filter-input {
|
||||
display: inline-table;
|
||||
padding-left: 6px;
|
||||
//font-size: 14px;
|
||||
height: 24px;
|
||||
width: 10rem;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 0;
|
||||
&::placeholder {
|
||||
color: @admin-filter-placeholder-color;
|
||||
}
|
||||
}
|
||||
|
||||
.filter-clear {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 0;
|
||||
i {
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-github {
|
||||
width: @admin-small-buttons-size;
|
||||
height: @admin-small-buttons-size;
|
||||
background-image: url(../img/github.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 8px 8px;
|
||||
}
|
||||
|
||||
.main-toolbar-table-types-tools {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
min-width: 320px;
|
||||
.dropdown-button {
|
||||
height: @toolbar-size + 4px;
|
||||
line-height: @toolbar-size + 4px;
|
||||
}
|
||||
#main-toolbar-table-types-btn {
|
||||
margin-right: 5px
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.view-tiles {
|
||||
@media screen and (max-width: 830px) {
|
||||
// small material css http://materializecss.com/grid.html
|
||||
.main-toolbar-table-sort {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 992px) { // large material css http://materializecss.com/grid.html
|
||||
.main-toolbar-table-filter {
|
||||
display: none;
|
||||
}
|
||||
.main-toolbar-table-sort {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.view-table {
|
||||
.main-toolbar-table-sort {
|
||||
display: none;
|
||||
}
|
||||
@media screen and (max-width: 570px) { // large material css http://materializecss.com/grid.html
|
||||
.main-toolbar-table-filter {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.plannedBg, .planned {
|
||||
background-color: rgba(255, 0, 0, 0.1);
|
||||
}
|
||||
.planned {
|
||||
/*background-color: rgba(255,0,0,0.1);*/
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.alphaBg, .alpha {
|
||||
background-color: rgba(255, 127, 0, 0.1);
|
||||
}
|
||||
|
||||
.alpha {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.betaBg, .beta {
|
||||
background-color: rgba(255,255,0,0.1);
|
||||
}
|
||||
.beta {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.stableBg, .stable {
|
||||
// background-color: rgba(0,255,0,0.1);
|
||||
}
|
||||
.stable {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.small-button-empty, .small-button {
|
||||
width: 24px;
|
||||
margin: 0 1px 0 0;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.small-button {
|
||||
// height: 24px;
|
||||
background: @tiles-tile-background;
|
||||
color: @admin-sidemenu-main-items-color;
|
||||
padding: 1px 0 0 0;
|
||||
cursor: pointer;
|
||||
transition: 0.2s linear;
|
||||
i {
|
||||
//font-size: 14px;
|
||||
}
|
||||
&:hover {
|
||||
// background: @main-active-color;
|
||||
// color: @admin-sidemenu-color;
|
||||
}
|
||||
&.disabled {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
.fancytree-container {
|
||||
.small-button {
|
||||
i {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tiles {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: grid;
|
||||
grid-gap: 0;
|
||||
background-color: @tiles-background;
|
||||
font-family: @main-font;
|
||||
overflow-x: hidden;
|
||||
|
||||
@media screen {
|
||||
@media (min-width: 1921px) {
|
||||
grid-template-columns: 20% 20% 20% 20% 20%;
|
||||
}
|
||||
@media (max-width: 1920px) {
|
||||
grid-template-columns: 25% 25% 25% 25%;
|
||||
}
|
||||
@media (max-width: 860px) {
|
||||
grid-template-columns: 33% 33% 33%;
|
||||
}
|
||||
@media (max-width: 640px) {
|
||||
grid-template-columns: 50% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.tile {
|
||||
margin: 0.3rem;
|
||||
background-color: @tiles-tile-background;
|
||||
font-size: 150%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
color: @tiles-tile-color;
|
||||
transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
|
||||
box-shadow: rgba(0, 0, 0, 0.12) 0 1px 6px, rgba(0, 0, 0, 0.12) 0 1px 4px;
|
||||
border-radius: 2px;
|
||||
max-height: 320px;
|
||||
|
||||
.small-button {
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
|
||||
.card-header, .card-body, .card-action {
|
||||
padding-left: @tiles-tile-padding;
|
||||
padding-right: @tiles-tile-padding;
|
||||
}
|
||||
.card-header, .card-body {
|
||||
position: relative;
|
||||
}
|
||||
.card-body {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
.card-header {
|
||||
padding-top: 0.3rem;
|
||||
width: calc(~"100% - "@tiles-tile-padding * 2);
|
||||
}
|
||||
.card-action {
|
||||
padding-bottom: .3rem;
|
||||
height: 2.5rem;
|
||||
border-top: 1px solid rgba(160,160,160,0.2);;
|
||||
background: @tiles-tile-background;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: calc(~"100% - "@tiles-tile-padding * 2);
|
||||
}
|
||||
|
||||
.small-button-empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.stat, .last-update {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.icon {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
display: inline;
|
||||
float: left;
|
||||
padding-right: 0.4rem;
|
||||
padding-bottom: 1.3rem;
|
||||
}
|
||||
.title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
padding-bottom: 1rem;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.buttons {
|
||||
position: absolute;
|
||||
bottom: 0.5rem;
|
||||
right: 0.5rem;
|
||||
}
|
||||
.desc {
|
||||
display: inline;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.version {
|
||||
position: absolute;
|
||||
bottom: 0.5rem;
|
||||
left: 0.5rem;
|
||||
font-size: 1rem;
|
||||
|
||||
.installed {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.actual-version {
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
color: @tiles-tile-color;
|
||||
}
|
||||
.update-version:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.order-updated {
|
||||
.tiles {
|
||||
.tile {
|
||||
.title {
|
||||
width: calc(~"100% - "@tiles-tile-padding * 2 ~" - 2rem")
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card-adapters {
|
||||
min-height: 200px;
|
||||
min-width: 170px;
|
||||
height: 270px;
|
||||
background: #e2e2e2;
|
||||
.card-header {
|
||||
// background-color: #64b5f6;
|
||||
min-height: 80px;
|
||||
padding-top: 1px;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
// border-bottom: 2px solid #c3c3c3;
|
||||
background: @admin-adapters-tiles-background;
|
||||
// background: url(../img/onf.jpg) no-repeat;
|
||||
-moz-background-size: 100%;
|
||||
-webkit-background-size: 100%;
|
||||
-o-background-size: 100%;
|
||||
background-size: 100%;
|
||||
}
|
||||
.card-header.installed {
|
||||
background: @admin-adapters-installed-background;
|
||||
}
|
||||
.card-header.updatable {
|
||||
background: @admin-adapters-updatable-background;
|
||||
}
|
||||
.card-content {
|
||||
img {
|
||||
height: 70px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
z-index: 1;
|
||||
border-radius: 5px;
|
||||
}
|
||||
/*span {
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
font-weight: 700 !important;
|
||||
}*/
|
||||
.ver {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
font-size: 1.3em;
|
||||
width: calc(~"100% - 48px");
|
||||
i {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.data {
|
||||
float: right;
|
||||
&.updatable {
|
||||
color: @admin-adapters-updatable-color;
|
||||
}
|
||||
}
|
||||
.adapter-update-submit {
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
.btnUp {
|
||||
position: absolute !important;
|
||||
top: 60px;
|
||||
right: 0;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
}
|
||||
.card-reveal {
|
||||
font-size: 1.3em;
|
||||
background: #e2e2e2;
|
||||
button {
|
||||
// position: absolute !important;
|
||||
// bottom: 10px ;
|
||||
margin-right: 5px;
|
||||
}
|
||||
width: 100%;
|
||||
padding: 24px 24px 0 24px;
|
||||
i {
|
||||
font-size: 1.7em;
|
||||
}
|
||||
.card-reveal-buttons {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
border: none;
|
||||
bottom: 0;
|
||||
height: 50px;
|
||||
background: #fff;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
padding: 10px;
|
||||
}
|
||||
.adapter-delete-submit:hover {
|
||||
color: red !important;
|
||||
|
||||
}
|
||||
.adapter-install-submit {
|
||||
float: left;
|
||||
&:hover {
|
||||
color: #00bd00 !important;
|
||||
}
|
||||
}
|
||||
.adapter-readme-submit:hover {
|
||||
color: #9c27b0 !important;
|
||||
}
|
||||
.adapter-upload-submit:hover {
|
||||
color: #ff5722 !important;
|
||||
}
|
||||
.adapter-update-custom-submit:hover {
|
||||
color: #00bcd4 !important;
|
||||
}
|
||||
}
|
||||
.stat, .last-update {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#dialog-install-url {
|
||||
.with-select {
|
||||
position: relative;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.with-select-2 {
|
||||
position: relative;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
label[for="install-github-link"] {
|
||||
top: 100%;
|
||||
}
|
||||
.dropdown-content.select-dropdown {
|
||||
max-height: 240px !important;
|
||||
}
|
||||
|
||||
h6 {
|
||||
background: #64b5f6;
|
||||
padding: 0.5rem;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
#dialog-add-instance {
|
||||
.dialog-add-instance-name {
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
color: #0c7cd5;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.dialog-add-description {
|
||||
font-size: 12px;
|
||||
}
|
||||
ul {
|
||||
max-height: 200px;
|
||||
}
|
||||
}
|
||||
// adapters dropdown menu
|
||||
#adapters-menu {
|
||||
p {
|
||||
height: calc(~"100% - 68px");
|
||||
overflow: auto;
|
||||
}
|
||||
.adapters-versions-link-version {
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
.adapters-versions-link-history {
|
||||
color: #000;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
width: calc(~"100% - 60px");
|
||||
display: inline-block;
|
||||
line-height: 13px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.collection-item {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
#grid-adapters, .adapters-list-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
padding: 0;
|
||||
table-layout: fixed;
|
||||
overflow: auto;
|
||||
white-space: nowrap;
|
||||
border-top: 0 !important;
|
||||
font-family: @iob-font;
|
||||
}
|
||||
|
||||
#grid-adapters {
|
||||
.fancytree-title {
|
||||
padding-left: @line-indent !important;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.text-ellipsis {
|
||||
padding-left: 5px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis !important;
|
||||
}
|
||||
&>thead>tr {
|
||||
height: 22px !important;
|
||||
background-color: @list-header-background;
|
||||
line-height: 20px;
|
||||
}
|
||||
&>thead>tr>th {
|
||||
background-color: @list-header-background;
|
||||
color: #000;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
font-size: @list-font-size;
|
||||
padding-left: @line-indent;
|
||||
vertical-align: middle;
|
||||
border-radius: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
&>tbody>tr>td {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
&>tbody>tr>td>span, &>tbody>tr>td>div {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
&>thead>tr {
|
||||
cursor: default;
|
||||
}
|
||||
.adapter-table-icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.fancytree-title {
|
||||
padding-left: @line-indent !important;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.dropdown-content a {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.dropdown-content .adapters-versions-link {
|
||||
min-height: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
table {
|
||||
tr {
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
/*@media screen and (max-width: 1100px) and (min-width: 900px) {
|
||||
.tab-adapters-table-keywords {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 900px) and (min-width: 800px) {
|
||||
.tab-adapters-table-keywords,
|
||||
.tab-adapters-table-description {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
.tab-adapters-table-license,
|
||||
.tab-adapters-table-keywords,
|
||||
.tab-adapters-table-description {
|
||||
display: none;
|
||||
}
|
||||
}*/
|
||||
}
|
||||
#dialog-license {
|
||||
h5 {
|
||||
background: @main-background-color;
|
||||
color: @admin-buttons-background;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.license-text {
|
||||
margin-bottom: 0;
|
||||
height: calc(~"100% - 80px");
|
||||
}
|
||||
.license-text>div {
|
||||
height: 100%;
|
||||
}
|
||||
.license_text {
|
||||
width: 100%;
|
||||
height: calc(~"100% - 30px");
|
||||
margin-bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
675
src/less/adminCommons.less
Normal file
675
src/less/adminCommons.less
Normal file
@@ -0,0 +1,675 @@
|
||||
@import "commons";
|
||||
|
||||
@keyframes colors {
|
||||
0% { stroke: #4285F4; }
|
||||
25% { stroke: #DE3E35; }
|
||||
50% { stroke: #F7C223; }
|
||||
75% { stroke: #1B9A59; }
|
||||
100% { stroke: #4285F4; }
|
||||
}
|
||||
|
||||
@keyframes dash {
|
||||
0% { stroke-dashoffset: @offset; }
|
||||
50% {
|
||||
stroke-dashoffset: @offset/4;
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
100% {
|
||||
stroke-dashoffset: @offset;
|
||||
transform: rotate(450deg);
|
||||
}
|
||||
}
|
||||
@keyframes rotator {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(270deg); }
|
||||
}
|
||||
|
||||
|
||||
.iob-font {
|
||||
font-family: @iob-font;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.iob-font-12 {
|
||||
font-size: @list-font-size !important;
|
||||
&:extend(.iob-font);
|
||||
}
|
||||
.iob-list-font {
|
||||
font-size: @list-font-size !important;
|
||||
&:extend(.iob-font);
|
||||
}
|
||||
|
||||
table.iob-list-table>thead>tr>th {
|
||||
background: @list-header-background;
|
||||
color: #000;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
padding-left: @line-indent;
|
||||
height: @header-height - 2px;
|
||||
//&:extend(.iob-font-12);
|
||||
}
|
||||
|
||||
.toolbar-frame {
|
||||
height: @toolbar-size;
|
||||
//margin-top: (@toolbar-y-margin - @tabs-padding-top);
|
||||
margin-bottom: @toolbar-y-margin;
|
||||
margin-top: @toolbar-y-margin;
|
||||
}
|
||||
|
||||
.line-indent {
|
||||
padding-left: @line-indent;
|
||||
}
|
||||
|
||||
.ui-state-active a,
|
||||
.ui-state-active a:link,
|
||||
.ui-state-active a:visited,
|
||||
.ui-state-hover a,
|
||||
.ui-state-hover a:link,
|
||||
.ui-state-hover a:visited {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.ui-jqgrid tr.jqgrow td {
|
||||
font-size: @list-font-size;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-pg-input {
|
||||
height: 20px !important;
|
||||
}
|
||||
|
||||
.header {
|
||||
height: 29px;
|
||||
line-height: 29px;
|
||||
font-size: 16px;
|
||||
margin-left: @line-indent !important;
|
||||
margin-right: 6px !important;
|
||||
}
|
||||
|
||||
.ui-tabs-nav {
|
||||
border-radius: 0;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
/** tabs **/
|
||||
/**/
|
||||
.ui-tabs-panel {
|
||||
border: none;
|
||||
padding: @tabs-padding !important;
|
||||
padding-top: @tabs-padding-top !important;
|
||||
}
|
||||
|
||||
.ui-jqgrid-titlebar-close {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@keyframes highlight {
|
||||
0% {
|
||||
color: #00f900
|
||||
}
|
||||
80% {
|
||||
color: green
|
||||
}
|
||||
100% {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-large {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
-webkit-box-shadow: 10px 10px 12px 0 rgba(0,0,0,0.75);
|
||||
-moz-box-shadow: 10px 10px 12px 0 rgba(0,0,0,0.75);
|
||||
box-shadow: 10px 10px 12px 0 rgba(0,0,0,0.75);
|
||||
background: white;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
-moz-border-radius: 10px 10px 10px 10px;
|
||||
-webkit-border-radius: 10px 10px 10px 10px;
|
||||
border: 0 solid #000000;
|
||||
overflow: hidden;
|
||||
}
|
||||
.icon-large img {
|
||||
width: 12em;
|
||||
height: 12em;
|
||||
}
|
||||
|
||||
.select-id-quick-edit:hover {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.ui-button-icon-only {
|
||||
width: 1.8em;
|
||||
height: 1.8em;
|
||||
}
|
||||
|
||||
.ui-state-active {
|
||||
/*background: #800000 !important;*/
|
||||
background: none;
|
||||
}
|
||||
|
||||
.fancytree-node.ui-state-active {
|
||||
background: inherit !important;
|
||||
border:0;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.iob-list-icon, .instance-image {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
table.fancytree-ext-table>tbody>tr>td,
|
||||
.iob-list-table {
|
||||
border: @td-border !important;
|
||||
border-top: 0 !important; /*xxx*/
|
||||
white-space: nowrap;
|
||||
table-layout: fixed;
|
||||
&:extend(.iob-list-font);
|
||||
}
|
||||
table.fancytree-ext-table>thead>tr { /*border: 1px solid #D8D8D8 !important;*/
|
||||
border:0 !important;
|
||||
background: @list-header-background !important;
|
||||
}
|
||||
|
||||
table.fancytree-ext-table>tbody>tr>td {
|
||||
}
|
||||
|
||||
table.fancytree-ext-table>tbody>tr>td>table {
|
||||
height: 100% !important;
|
||||
}
|
||||
table.fancytree-ext-table>tbody>tr>td>table>tbody>tr>td {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
table.iob-list-table>tbody>tr {
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.panel-table { // global toolbar
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
table.panel-table>tbody>tr>td {
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.toolbar-button {
|
||||
width: @toolbar-size;
|
||||
height: @toolbar-size;
|
||||
border: @td-toolbar-border;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.toolbar-button-bg {
|
||||
.toolbar-button;
|
||||
background: @toolbar-background;
|
||||
}
|
||||
|
||||
.main-toolbar-table {
|
||||
.toolbar-frame;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border-spacing: @toolbar-button-distance 0;
|
||||
position: relative;
|
||||
left: -@toolbar-button-distance;
|
||||
//padding-bottom: 0 !important;
|
||||
margin-bottom: @main-frame-distance;
|
||||
}
|
||||
table.ui-pg-table.main-toolbar-table {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
table.main-toolbar-table > tbody > tr {
|
||||
white-space: nowrap;
|
||||
}
|
||||
table.main-toolbar-table > tbody > tr > td:not(:first-child):last-child {
|
||||
width: auto !important;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
font-size: @toolbar-font-size;
|
||||
font-weight: normal;
|
||||
}
|
||||
table.main-toolbar-table > tbody > tr > td > button { //}, table.main-toolbar-table>tbody>tr>td>div {
|
||||
.toolbar-button !important;
|
||||
}
|
||||
|
||||
table.main-toolbar-table > tbody > tr > td > button:hover { //}, table.main-toolbar-table>tbody>tr>td>div {
|
||||
.toolbar-button !important;
|
||||
}
|
||||
table.main-toolbar-table > tbody > tr > td { //}, table.main-toolbar-table>tbody>tr>td>div {
|
||||
border: 1px solid transparent;
|
||||
padding-top: 0;
|
||||
padding-right: 0;
|
||||
padding-bottom: 0;
|
||||
width: @toolbar-size;
|
||||
height: @toolbar-size;
|
||||
padding-left: 0 !important; //new
|
||||
}
|
||||
|
||||
table.main-toolbar-table > tbody > tr > td:hover { //}, table.main-toolbar-table>tbody>tr>td>div {
|
||||
border: @toolbar-outer-hover;
|
||||
}
|
||||
table.main-toolbar-table > tbody > tr > td:not(:first-child):last-child:hover { //}, table.main-toolbar-table>tbody>tr>td>div {
|
||||
//border: 1px solid @iob-background;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
table.main-toolbar-table>tr>td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
table.instance-table>thead>tr {
|
||||
background: @list-header-background !important;
|
||||
color: #000;
|
||||
text-align: left;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
table.instance-table>thead>tr>th {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
/* column filter header table ***************/
|
||||
.main-header-table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
height: @toolbar-size;
|
||||
margin-left: 1px;
|
||||
width: calc(~'100% - 4px'); //???
|
||||
background: @list-header-background;
|
||||
&:extend(.iob-font-12);
|
||||
|
||||
// List header
|
||||
.list-header-input {
|
||||
width: calc(~"100% - 1px");
|
||||
line-height: 1.5em;
|
||||
padding: 0 0 0 5px;
|
||||
font-family: "Segoe UI",Tahoma,Arial,"Courier New";
|
||||
font-size: .82rem;
|
||||
border: 0;
|
||||
height: 23px;
|
||||
background: transparent;
|
||||
}
|
||||
.list-header-clear {
|
||||
display: none;
|
||||
}
|
||||
th {
|
||||
font-weight: normal;
|
||||
}
|
||||
.list-header-text {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
th.filter-active {
|
||||
background: @toolbar-filter-active-background;
|
||||
}
|
||||
.filter-active {
|
||||
.list-header-input {
|
||||
width: calc(~"100% - 23px");
|
||||
}
|
||||
.list-header-clear {
|
||||
display: inline-block;
|
||||
width: 19px;
|
||||
height: 16px;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
margin-top: 3px;
|
||||
i {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
table.main-header-table>tbody>tr,
|
||||
table.main-header-table>thead>tr {
|
||||
height: @toolbar-size - 1px !important;
|
||||
margin-top: 1px;
|
||||
}
|
||||
table.main-header-table>tbody>tr>td,
|
||||
table.main-header-table>thead>tr>td,
|
||||
table.main-header-table>thead>tr>th {
|
||||
padding: 0 !important;
|
||||
border: @td-toolbar-border !important;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
.main-header-input-table,
|
||||
.panel-input-table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
border-radius: 2px;
|
||||
font-family: @iob-font;
|
||||
font-size: @list-font-size;
|
||||
table-layout: fixed;
|
||||
}
|
||||
.main-header-input-table>tbody>tr {
|
||||
background: @list-header-background;
|
||||
}
|
||||
table.main-header-input-table>tbody>tr>td {
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
padding: 0; /*?*/
|
||||
width: 100%; // neu
|
||||
}
|
||||
|
||||
table.main-header-input-table>tbody>tr>td>input:hover,
|
||||
table.main-header-input-table>tbody>tr>td>select:hover {
|
||||
width: calc(~'100% - 0px');
|
||||
outline: @toolbar-outer-hover;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
table.main-header-input-table>tbody>tr>td>select:hover {
|
||||
width: calc(~'100% - 0px');
|
||||
background-position-x: calc(~'100% - 4px');
|
||||
|
||||
}
|
||||
|
||||
|
||||
table.main-header-input-table>tbody>tr>td>button {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: (@header-height - 18px - 2) / 2;
|
||||
border: 0 !important;
|
||||
background: @list-header-background !important;
|
||||
display: none;
|
||||
}
|
||||
table.main-header-input-table>tbody>tr.filter-active>td>button {
|
||||
display: unset;
|
||||
}
|
||||
table.main-header-input-table>tbody>tr.filter-active>td>input,
|
||||
table.main-header-input-table>tbody>tr.filter-active>td>select,
|
||||
table.main-header-input-table>tbody>tr.filter-active,
|
||||
.input-not-empty {
|
||||
background-color: @toolbar-filter-active-background !important;
|
||||
}
|
||||
|
||||
|
||||
table.main-header-input-table>tbody>tr>td>select>option {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
table.main-header-input-table>tbody>tr>td>select,
|
||||
table.main-header-input-table>tbody>tr>td>input,
|
||||
table.main-header-input-table>tbody>tr>td>span {
|
||||
font-family: @iob-font;
|
||||
font-size: @list-font-size;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
height: (@header-height - 2px) !important; //xxxx
|
||||
}
|
||||
table.main-header-input-table>tbody>tr>td>input,
|
||||
table.main-header-input-table>tbody>tr>td>span {
|
||||
padding-left: @line-indent;
|
||||
}
|
||||
table.main-header-input-table>tbody>tr>td>span {
|
||||
cursor: default;
|
||||
}
|
||||
table.main-header-input-table>tbody>tr>td>select {
|
||||
cursor: pointer;
|
||||
}
|
||||
#grid-instances-head>tr:first-child {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
table.main-header-input-table>tbody>tr>td>select {
|
||||
line-height: (@header-height - 2px);
|
||||
width: calc(~'100% - 1px');
|
||||
}
|
||||
|
||||
table.main-header-input-table>tbody>tr>td>input {
|
||||
width: calc(~'100% - 1px');
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
table.main-header-input-table>tbody>tr>td.ui-search-input>input {
|
||||
top: unset !important;
|
||||
}
|
||||
#gview_grid-states table.main-header-input-table>tbody>tr>td.ui-search-clear>a {
|
||||
top: 3px !important;
|
||||
}
|
||||
/** main-header-input-table end **/
|
||||
/*******************************************/
|
||||
|
||||
.panel-input-table {
|
||||
width: auto;
|
||||
height: 20px;
|
||||
font-size: 14px;
|
||||
background: @toolbar-background;
|
||||
border: @td-toolbar-border;
|
||||
}
|
||||
|
||||
.panel-input-table:hover {
|
||||
border: 1px solid #c0c0c0;
|
||||
}
|
||||
|
||||
.panel-button {
|
||||
width: @toolbar-size !important;
|
||||
height: @toolbar-size;
|
||||
border:0; /*?*/
|
||||
margin:0; /*?*/
|
||||
}
|
||||
|
||||
.toolbar-icon-text-button {
|
||||
width: 100% !important;
|
||||
padding-left: 20px !important;
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
padding-top: 3px !important;
|
||||
padding-right: 5px !important;
|
||||
}
|
||||
|
||||
.list-column-header-filter {
|
||||
font-size: @list-font-size;
|
||||
line-height: 1.5em;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
.ui-widget-content {
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
.td-button-width, .td-button, .clippy-button, .td-button-placeholder {
|
||||
width: @td-button-size;
|
||||
}
|
||||
|
||||
.td-button-placeholder {
|
||||
height: 1px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.td-button, .clippy-button {
|
||||
height: @td-button-size;
|
||||
margin:0;
|
||||
position: relative;
|
||||
bottom: 1px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.toolbar-button-table {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
|
||||
.fancytree-title {
|
||||
padding-left: @line-indent !important;
|
||||
display: inline-flex !important;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.iob-list-font>tbody>tr>td>span {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.vertical-center {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%); /* or try 50% */
|
||||
}
|
||||
|
||||
@corner-radius: unset;
|
||||
/* Corner radius */
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-left,
|
||||
.ui-corner-tl {
|
||||
border-top-left-radius: @corner-radius;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-right,
|
||||
.ui-corner-tr {
|
||||
border-top-right-radius: @corner-radius;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-left,
|
||||
.ui-corner-bl {
|
||||
border-bottom-left-radius: @corner-radius;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-right,
|
||||
.ui-corner-br {
|
||||
border-bottom-right-radius: @corner-radius;
|
||||
}
|
||||
|
||||
.ui-corner-all {
|
||||
border: @corner-radius;
|
||||
}
|
||||
|
||||
|
||||
.fancytree-title {
|
||||
padding-bottom: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
border:0 !important;
|
||||
}
|
||||
|
||||
|
||||
table.iob-list-font>tbody>tr {
|
||||
height: 25px !important;
|
||||
}
|
||||
|
||||
table.iob-list-font>tbody>tr>td>table>tbody>tr:hover {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
|
||||
table.iob-list-font>tbody>tr>td {
|
||||
}
|
||||
|
||||
#inhalte-werden-zentriert {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.iob-ellipsis {
|
||||
width: calc(~'100% - ' @line-indent);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.objects-list-table .iob-ellipsis {
|
||||
padding-left: @line-indent;
|
||||
padding-right: @line-indent;
|
||||
}
|
||||
|
||||
|
||||
.iob-toolbar-sep () { // for a td
|
||||
width: @toolbar-button-distance * 2 !important;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.main-toolbar-table>tbody>tr>td.iob-toolbar-sep {
|
||||
.iob-toolbar-sep;
|
||||
}
|
||||
|
||||
.main-toolbar-table>tbody>tr>td.select-id-custom-buttons {
|
||||
.iob-toolbar-sep;
|
||||
}
|
||||
|
||||
span.dark-blue {
|
||||
color: #009;
|
||||
}
|
||||
span.dark-green {
|
||||
color: #090;
|
||||
}
|
||||
|
||||
div#dialog-select-member>div:first-child {
|
||||
height: calc(~'100vh - 150px') !important;
|
||||
}
|
||||
|
||||
div#dialog-select-member .main-toolbar-table {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.main-header-input-table select{
|
||||
padding-left: 5px !important;
|
||||
font-size: 16px;
|
||||
line-height: (@header-height - 2px);
|
||||
background: url("../img/arrow-down-10x10.png") no-repeat right #fff;
|
||||
-webkit-appearance: none;
|
||||
background-position-x: calc(~'100% - 3px');
|
||||
background-size: 10px;
|
||||
}
|
||||
|
||||
span.select-id-cnt {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
font-size: smaller;
|
||||
color: lightslategray;
|
||||
}
|
||||
|
||||
.grid-objects-head,
|
||||
.grid-objects-head tr.ui-widget-header th {
|
||||
line-height: 1.6em !important;
|
||||
background-color: #e0e0e0;
|
||||
text-align: left;
|
||||
color: #000;
|
||||
font-size: @list-font-size !important;
|
||||
}
|
||||
|
||||
// loader
|
||||
.loader {
|
||||
width: calc(~"100% - 50px");
|
||||
text-align: center;
|
||||
.spinner {
|
||||
animation: rotator @duration linear infinite;
|
||||
}
|
||||
|
||||
.path {
|
||||
stroke-dasharray: @offset;
|
||||
stroke-dashoffset: 0;
|
||||
transform-origin: center;
|
||||
stroke: #4285F4;
|
||||
animation: dash @duration ease-in-out infinite;
|
||||
//colors (@duration*4) ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
|
||||
.main-toolbar-table {
|
||||
position: relative;
|
||||
.select-id-custom-buttons {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
30
src/less/adminConfig.less
Normal file
30
src/less/adminConfig.less
Normal file
@@ -0,0 +1,30 @@
|
||||
@import "commons";
|
||||
#dialog-config {
|
||||
iframe {
|
||||
border:0 solid #FFF;
|
||||
display:block;
|
||||
left:0;
|
||||
top:0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.col {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.row-title {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.row.iframe {
|
||||
height: 100%;
|
||||
.col {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.title {
|
||||
margin: 0;
|
||||
background: @main-active-color;
|
||||
color: white;
|
||||
letter-spacing: .5px;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
}
|
||||
150
src/less/adminCustoms.less
Normal file
150
src/less/adminCustoms.less
Normal file
@@ -0,0 +1,150 @@
|
||||
@import "commons";
|
||||
@import "materializeConsts";
|
||||
|
||||
#tabs-customs {
|
||||
overflow: hidden;
|
||||
&>.row {
|
||||
height: 100%;
|
||||
}
|
||||
height: calc(~"100% - "@admin-m-footer-height);
|
||||
td {
|
||||
padding: 0 5px;
|
||||
}
|
||||
.title {
|
||||
background: @main-active-color;
|
||||
color: white;
|
||||
letter-spacing: .5px;
|
||||
padding: 0.5rem;
|
||||
.name {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
.collapsible-header {
|
||||
font-size: 1.2rem;
|
||||
position: relative;
|
||||
.activated {
|
||||
letter-spacing: .5px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
color: @main-active-color;
|
||||
position: absolute;
|
||||
right: 4rem;
|
||||
top: 1rem;
|
||||
transition: opacity 1s;
|
||||
}
|
||||
}
|
||||
.collapsible-body {
|
||||
background: whitesmoke;
|
||||
}
|
||||
.page {
|
||||
background: #f5f2f0;
|
||||
height: calc(~"100% - "@admin-m-footer-height);
|
||||
padding-top: 1rem;
|
||||
padding-left: 1rem;
|
||||
overflow: auto;
|
||||
}
|
||||
#tab-customs-chart.page, #tab-customs-table.page {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#customs-tabs {
|
||||
width: 100%;
|
||||
.collapsible-header img {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
font-size: 1.6rem;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.col {
|
||||
position: relative;
|
||||
}
|
||||
.input-field {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#tab-customs-chart, #tab-customs-table {
|
||||
overflow: hidden;
|
||||
|
||||
.highlight {
|
||||
animation: highlight 2s;
|
||||
}
|
||||
.grid-history-head {
|
||||
visibility: hidden;
|
||||
height: 0 !important;
|
||||
//background: #f00; // only for debug
|
||||
th {
|
||||
height: 0!important;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
#grid-history-body {
|
||||
td {
|
||||
padding-left: 8px !important;
|
||||
}
|
||||
}
|
||||
#grid-history-inner {
|
||||
overflow: auto;
|
||||
height: calc(~"100% - 20px");
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row {
|
||||
position: relative;
|
||||
&.body {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.select-wrapper + label {
|
||||
top: -10px;
|
||||
}
|
||||
// materialize bug
|
||||
.select-wrapper select {
|
||||
display: none !important;
|
||||
}
|
||||
.no-margin-below {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.select-instance-div {
|
||||
position: relative;
|
||||
}
|
||||
.select-wrapper+label{
|
||||
top: calc(~"100% - 10px");
|
||||
}
|
||||
}
|
||||
|
||||
#tab-customs-table {
|
||||
.body {
|
||||
height: calc(~"100% - "@admin-toolbar-height~" - 75px");
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#grid-history {
|
||||
thead tr, thead th {
|
||||
background: @admin-table-header-background;
|
||||
}
|
||||
tr:nth-child(even) {
|
||||
background: @admin-table-row-even-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
#tab-customs-chart {
|
||||
.header {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.body {
|
||||
height: calc(~"100% - " @admin-toolbar-height~" - 14px");
|
||||
}
|
||||
iframe {
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
109
src/less/adminEditObject.less
Normal file
109
src/less/adminEditObject.less
Normal file
@@ -0,0 +1,109 @@
|
||||
@import "commons";
|
||||
@import "materializeConsts";
|
||||
|
||||
#dialog-editobject {
|
||||
height: 100%;
|
||||
.dialog-editobject-body{
|
||||
overflow: hidden;
|
||||
height: calc(~"100% - "@admin-m-footer-height);
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
.row {
|
||||
margin-bottom: 1rem !important;
|
||||
}
|
||||
.page, .page-noscroll {
|
||||
background: #f5f2f0;
|
||||
padding-top: 1rem;
|
||||
padding-left: 1rem;
|
||||
height: calc(100vh - 355px);//(@admin-m-footer-height + 148)
|
||||
}
|
||||
.page {
|
||||
overflow: auto;
|
||||
}
|
||||
.page-noscroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
.page-scroll {
|
||||
height: calc(100vh - 375px);
|
||||
overflow: auto;
|
||||
}
|
||||
.title {
|
||||
background: @main-background-color;
|
||||
color: @admin-buttons-background;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.title-id {
|
||||
font-style: italic;
|
||||
}
|
||||
.title {
|
||||
|
||||
}
|
||||
#view-object-raw {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#view-object-rest {
|
||||
width: 100%;
|
||||
height: calc(~"100% - 1rem");
|
||||
resize: none;
|
||||
}
|
||||
.col {
|
||||
position: relative;
|
||||
.select-wrapper + label {
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
.object-tab-rights-borders {
|
||||
border-right: 1px solid black; border-left: 1px solid black; text-align: center
|
||||
}
|
||||
.object-tab-top-borders {
|
||||
border-top: 1px solid black;
|
||||
}
|
||||
.object-tab-bottom-borders {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.icon-editor {
|
||||
.icon {
|
||||
padding: 1rem;
|
||||
display: inline-block;
|
||||
img {
|
||||
width: 64px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.object-tab-edit-string[data-attr="color"] {
|
||||
width: calc(~"100% - 160px") !important;
|
||||
}
|
||||
.object-tab-edit-object {
|
||||
width: 100%;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
}
|
||||
.dialog-editobject-buttons {
|
||||
.btn {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#dialog-new-field {
|
||||
.autocomplete-content {
|
||||
max-height: 200px;
|
||||
}
|
||||
}
|
||||
// overload jqueryUI style
|
||||
.ui-autocomplete {
|
||||
border: 1px solid gray !important;
|
||||
max-height: 200px !important;
|
||||
overflow-y: auto !important;
|
||||
overflow-x: hidden !important;
|
||||
|
||||
.ui-menu-item:hover {
|
||||
font-weight: normal !important;
|
||||
background: @main-active-color;
|
||||
color: @admin-sidemenu-color;
|
||||
}
|
||||
}
|
||||
348
src/less/adminEnums.less
Normal file
348
src/less/adminEnums.less
Normal file
@@ -0,0 +1,348 @@
|
||||
@import "commons";
|
||||
#tab-enums {
|
||||
.tab-enums-list {
|
||||
overflow: hidden;
|
||||
}
|
||||
.tree-table-list {
|
||||
.tree-table-body {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.treetable-icon {
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
.tree-table-tiles {
|
||||
.tree-table-body {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-table-body {
|
||||
.cron-main-tab{
|
||||
padding: 0;
|
||||
i {
|
||||
float: left;
|
||||
}
|
||||
img {
|
||||
position: relative;
|
||||
top: 7px;
|
||||
right: 10px;
|
||||
}
|
||||
.name {
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
.enum-buttons{
|
||||
a {
|
||||
margin-right: 2px;
|
||||
height: @admin-small-buttons-size;
|
||||
width: @admin-small-buttons-size;
|
||||
}
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
line-height: 1.5rem;
|
||||
i {
|
||||
line-height: @admin-small-buttons-size;
|
||||
}
|
||||
ul {
|
||||
min-width: 280px;
|
||||
min-height: 60px;
|
||||
li {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
.enum-body {
|
||||
margin-bottom: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.input-field {
|
||||
width: 10rem;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
.autocomplete-content {
|
||||
position: absolute;
|
||||
}
|
||||
&.opened {
|
||||
.autocomplete-content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.closed {
|
||||
.autocomplete-content {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.filter-input {
|
||||
display: inline-table;
|
||||
padding-left: 6px;
|
||||
//font-size: 14px;
|
||||
height: 24px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 0;
|
||||
&::placeholder {
|
||||
color: @admin-filter-placeholder-color;
|
||||
}
|
||||
}
|
||||
.filter-clear {
|
||||
width: 18px !important;
|
||||
height: 18px !important;
|
||||
border: 0;
|
||||
i {
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab-enums-list,
|
||||
.tab-enums-objects {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
transition: width @admin-sidemenu-transition;
|
||||
}
|
||||
.tree-table-main {
|
||||
.tab-accept-item {
|
||||
background: @admin-buttons-color !important;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.tree-table-main-header>th {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.treetable-th-name {
|
||||
height: 28px;
|
||||
input {
|
||||
height: 22px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.treetable-icon {
|
||||
width: 18px;
|
||||
max-height: 18px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.tab-enums-objects {
|
||||
display: none;
|
||||
}
|
||||
.tab-enums-list {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
line-height: 1.5rem;
|
||||
.marg {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.tree-table-buttons {
|
||||
margin-bottom: 10px;
|
||||
a {
|
||||
margin-right: 5px;
|
||||
height: @admin-small-buttons-size;
|
||||
width: @admin-small-buttons-size;
|
||||
}
|
||||
i {
|
||||
line-height: @admin-small-buttons-size;
|
||||
}
|
||||
ul {
|
||||
min-width: 200px;
|
||||
min-height: 60px;
|
||||
li {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tree-table-main.treetable {
|
||||
margin: 0 0 1.8em 0;
|
||||
// line-height: 1.4rem;
|
||||
}
|
||||
.collection {
|
||||
overflow: auto;
|
||||
li{
|
||||
padding: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.edit-content,
|
||||
.delete-content {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
float: right;
|
||||
color: @admin-buttons-color;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.delete-content:hover,
|
||||
.edit-content:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.edit-content {
|
||||
right: 40px;
|
||||
}
|
||||
.delete-content {
|
||||
right: 10px;
|
||||
}
|
||||
.secondary-content {
|
||||
cursor: pointer;
|
||||
color: @admin-buttons-color;
|
||||
}
|
||||
.edit-content.disabled,
|
||||
.delete-content.disabled,
|
||||
.secondary-content.disabled {
|
||||
color: darkgray;
|
||||
cursor: inherit;
|
||||
}
|
||||
.collection-item {
|
||||
img.icon {
|
||||
position: absolute;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
overflow: hidden;
|
||||
left: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
p{
|
||||
display: inline-block;
|
||||
margin-bottom: 20px;
|
||||
font-size: 1.1rem;
|
||||
margin-top: 15px;
|
||||
}
|
||||
span.title{
|
||||
margin-left: 50px;
|
||||
margin-right: 10px;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
.chip {
|
||||
position: relative;
|
||||
.chip-id {
|
||||
position: absolute;
|
||||
bottom: -11px;
|
||||
left: 40px;
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
.tab-accept-item {
|
||||
background: repeating-linear-gradient( 135deg,
|
||||
rgba(0, 0, 0, 0.2),
|
||||
rgba(0, 0, 0, 0.2) 10px,
|
||||
rgba(0, 0, 0, 0.3) 10px,
|
||||
rgba(0, 0, 0, 0.3) 20px) !important;
|
||||
color: black !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab-enums-objects {
|
||||
overflow: hidden;
|
||||
.main-toolbar-table {
|
||||
height: 32px;
|
||||
margin-left: 10px;
|
||||
.panel-button {
|
||||
height: 28px;
|
||||
width: 28px !important;
|
||||
i {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*.grid-main-wob-div {
|
||||
height: calc(~"100% - 72px");
|
||||
}*/
|
||||
table.main-header-table > tbody > tr {
|
||||
height: 27px!important;
|
||||
}
|
||||
}
|
||||
.enum-collection {
|
||||
height: calc(~"100% - 100px");
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.modal-content .title {
|
||||
margin: 0;
|
||||
background: @main-active-color;
|
||||
color: white;
|
||||
letter-spacing: .5px;
|
||||
padding: 0.5rem;
|
||||
} // blur non-target components while dragging
|
||||
&.dragging {
|
||||
.tree-table-buttons,
|
||||
.tab-enums-objects,
|
||||
.enum-buttons {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.collection::after {
|
||||
content: "";
|
||||
pointer-events: none;
|
||||
box-sizing: border-box;
|
||||
border: 5px dashed lightblue;
|
||||
border-radius: 1rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
&.tab-enums-edit {
|
||||
.tab-enums-list,
|
||||
.tab-enums-objects {
|
||||
transition: width @admin-sidemenu-transition;
|
||||
display: inline-block;
|
||||
width: calc(~"50% - 2px") !important;
|
||||
}
|
||||
}
|
||||
.fancytree-container {
|
||||
[data-nodrag="true"] {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
.fancytree-drag-helper {
|
||||
padding: 4px;
|
||||
background: rgba(80, 80, 80, 0.5);
|
||||
border: 1px solid gray;
|
||||
border-radius: 2px;
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-enums-dialog-new-color-icon {
|
||||
float: left;
|
||||
padding-right: 4px;
|
||||
}
|
||||
.tab-enums-dialog-new-color {
|
||||
width: calc(~"100% - 50px");
|
||||
}
|
||||
.tab-enums-dialog-new-icon-clear,
|
||||
.tab-enums-dialog-new-color-clear {
|
||||
float: right;
|
||||
z-index: 0;
|
||||
}
|
||||
.tab-enums-dialog-new-upload {
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
a{
|
||||
height: 3rem;
|
||||
width: 4rem;
|
||||
i{
|
||||
line-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab-enums-dialog-new-icon {
|
||||
position: absolute;
|
||||
left: 170px;
|
||||
img.treetable-icon, img {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
max-height: 50px;
|
||||
}
|
||||
}
|
||||
.tab-enums-dialog-preserve-id-label {
|
||||
margin-left: 50px;
|
||||
}
|
||||
}
|
||||
125
src/less/adminEvents.less
Normal file
125
src/less/adminEvents.less
Normal file
@@ -0,0 +1,125 @@
|
||||
@import "commons";
|
||||
// @import "../lib/css/iob/selectID";
|
||||
|
||||
#tab-events {
|
||||
#event-clear {
|
||||
//.iob-font
|
||||
font-family: @iob-font;
|
||||
font-weight: normal;
|
||||
}
|
||||
table#events {
|
||||
font-size: 12px;
|
||||
}
|
||||
#event-table>tr {
|
||||
height: 24px;
|
||||
&:nth-child(even){
|
||||
/*background: #efefef;*/
|
||||
background-color: @even-bg-color;
|
||||
}
|
||||
&>td {
|
||||
box-sizing: border-box;
|
||||
text-align: left !important;
|
||||
padding-left: @line-indent !important;
|
||||
border: @td-border;
|
||||
&:first-child {
|
||||
color: #0000a0;
|
||||
}
|
||||
}
|
||||
&.log-severity-debug {
|
||||
color: #808080;
|
||||
}
|
||||
&.log-severity-info {
|
||||
color: black;
|
||||
/*background-color: #0ca3d2;*/
|
||||
}
|
||||
&.log-severity-warn {
|
||||
color: #ce9900;
|
||||
}
|
||||
&.log-severity-error {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
/** events tab ******************/
|
||||
/**/
|
||||
|
||||
#event-outer {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
#event-outer>thead>tr, #event-outer>thead>tr>th {
|
||||
//.th-0;
|
||||
height: 0 !important;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#events_threshold {
|
||||
position: fixed;
|
||||
top: 8px;
|
||||
left: calc(~'100% - 300px');
|
||||
height: 18px;
|
||||
background: #ff9999;
|
||||
color: white;
|
||||
border: 1px solid;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-family: Arial;
|
||||
width: 150px;
|
||||
padding-top: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.events-list-table {
|
||||
border:0;
|
||||
overflow: auto;
|
||||
font-size: @list-font-size !important;
|
||||
font-weight: normal !important;
|
||||
color: #000 !important;
|
||||
|
||||
width: calc(~'100% - 1px');
|
||||
margin-left:1px; /* for mouse over rahmen */
|
||||
background: #efefef !important;
|
||||
}
|
||||
|
||||
table.events-list-table > tbody > tr {
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
table.events-list-table>tbody>tr>td {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-left: 5px;
|
||||
border: @td-border;
|
||||
}
|
||||
#grid-events-inner {
|
||||
height: calc(~"100% - 35px");
|
||||
width: 100%;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
a.btn-small {
|
||||
line-height: @admin-small-buttons-size;
|
||||
height: @admin-small-buttons-size;
|
||||
width: @admin-small-buttons-size;
|
||||
i {
|
||||
margin-left: -0.5px;
|
||||
font-size: 1.1rem;
|
||||
line-height: @admin-small-buttons-size;
|
||||
}
|
||||
}
|
||||
.btn-pause {
|
||||
width: 3em !important;
|
||||
border-radius: 25px !important;
|
||||
margin-right: 3px;
|
||||
}
|
||||
.btn-pause-button-active {
|
||||
color: black;
|
||||
text-align: center;
|
||||
}
|
||||
.no-cloud-events {
|
||||
text-align: center;
|
||||
padding-top: 2rem;
|
||||
font-size: 2rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
}
|
||||
24
src/less/adminFileUtils.less
Normal file
24
src/less/adminFileUtils.less
Normal file
@@ -0,0 +1,24 @@
|
||||
.drop-zone {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
opacity: 0.8;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: #eee;
|
||||
border: 5px dashed #ccc;
|
||||
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
z-index: 1;
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dropZone-error {
|
||||
background: #faa !important;
|
||||
color: #f00;
|
||||
}
|
||||
339
src/less/adminHosts.less
Normal file
339
src/less/adminHosts.less
Normal file
@@ -0,0 +1,339 @@
|
||||
// @import "../lib/css/iob/selectID";
|
||||
@import "commons";
|
||||
/** hosts tab **********************/
|
||||
/**/
|
||||
|
||||
#tab-hosts {
|
||||
// todo combine it with other tabs
|
||||
.host {
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
min-width: 300px;
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
border-radius: 3px;
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
height: 150px;
|
||||
}
|
||||
@media screen and (min-width: 701px) {
|
||||
height: 100px;
|
||||
}
|
||||
.image {
|
||||
float: left;
|
||||
width: 100px;
|
||||
background: #e2e2e2;
|
||||
height: 100%;
|
||||
padding: 10px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
img {
|
||||
max-height: 50px;
|
||||
}
|
||||
.hosts-led {
|
||||
position: relative;
|
||||
height: 8px;
|
||||
width: 50px;
|
||||
border-radius: 5px;
|
||||
top: 15px;
|
||||
left: 8px;
|
||||
box-shadow: #555d0d 0 0 1px 1px, #446f44 0 0 0, inset #e44949 0 0 0;
|
||||
}
|
||||
}
|
||||
.system {
|
||||
padding: 5px 10px;
|
||||
margin-left: 100px;
|
||||
overflow: hidden;
|
||||
span {
|
||||
font-weight: 700;
|
||||
}
|
||||
.title-val {
|
||||
font-weight: normal;
|
||||
min-width: 100px;
|
||||
}
|
||||
ul {
|
||||
list-style-position: inside;
|
||||
|
||||
list-style-type: none;
|
||||
height: 60px;
|
||||
margin: 0;
|
||||
width: 300px;
|
||||
font-size: 0.8rem;
|
||||
@media screen and (max-width: 700px) {
|
||||
height: 120px;
|
||||
-moz-column-count: 1;
|
||||
-webkit-column-count: 1;
|
||||
column-count: 1;
|
||||
}
|
||||
@media screen and (min-width: 701px) {
|
||||
height: 60px;
|
||||
-moz-column-count: 2;
|
||||
-webkit-column-count: 2;
|
||||
column-count: 2;
|
||||
}
|
||||
}
|
||||
.nameHost {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
}
|
||||
.icon {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 40px;
|
||||
padding: 8px 0;
|
||||
background-color: #e2e2e2;
|
||||
i:hover {
|
||||
opacity: 0.5;
|
||||
cursor: pointer;
|
||||
}
|
||||
i {
|
||||
transition: 0.5s;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main-toolbar-table {
|
||||
// margin-left: 0.3rem;
|
||||
&>div {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
a.btn-small {
|
||||
line-height: @admin-small-buttons-size;
|
||||
height: @admin-small-buttons-size;
|
||||
width: @admin-small-buttons-size;
|
||||
i {
|
||||
margin-left: -0.5px;
|
||||
font-size: 1.2rem;
|
||||
line-height: @admin-small-buttons-size;
|
||||
}
|
||||
}
|
||||
|
||||
.filter-input {
|
||||
display: inline-table;
|
||||
padding-left: 6px;
|
||||
margin-left: 20px;
|
||||
// font-size: 14px;
|
||||
height: 24px;
|
||||
width: 10rem;
|
||||
&::placeholder {
|
||||
color: @admin-filter-placeholder-color;
|
||||
}
|
||||
}
|
||||
|
||||
.filter-clear {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 0;
|
||||
i {
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.main-toolbar-table-types-tools {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.hosts-table {
|
||||
width: 100%;
|
||||
//.new-iob-list-table;
|
||||
// font-size: @list-font-size !important;
|
||||
font-weight: normal;
|
||||
font-family: @iob-font;
|
||||
|
||||
background: @iob-background !important;
|
||||
white-space: nowrap;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
padding: 0;
|
||||
margin: 0 0 0 1px;
|
||||
overflow: auto;
|
||||
|
||||
font-size: 0.9em;
|
||||
|
||||
@media screen and (max-width: 1078px) and (min-width: 900px) {
|
||||
.tab-hosts-header-type {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 900px) and (min-width: 800px) {
|
||||
.tab-hosts-header-type {
|
||||
display: none;
|
||||
}
|
||||
.tab-hosts-header-title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 800px) and (min-width: 700px) {
|
||||
.tab-hosts-header-type {
|
||||
display: none;
|
||||
}
|
||||
.tab-hosts-header-title {
|
||||
display: none;
|
||||
}
|
||||
.tab-hosts-header-os {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
.tab-hosts-header-type {
|
||||
display: none;
|
||||
}
|
||||
.tab-hosts-header-title {
|
||||
display: none;
|
||||
}
|
||||
.tab-hosts-header-os {
|
||||
display: none;
|
||||
}
|
||||
.tab-hosts-header-events {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.hosts-led {
|
||||
margin-left: 0.8rem;
|
||||
}
|
||||
.hosts-icon {
|
||||
text-align: center;
|
||||
img {
|
||||
max-height: 30px;
|
||||
}
|
||||
width: 4rem;
|
||||
}
|
||||
.tab-hosts-header-led {
|
||||
width: 4rem;
|
||||
}
|
||||
.tab-hosts-header-icon {
|
||||
width: 4rem;
|
||||
}
|
||||
.tab-hosts-header-type {
|
||||
width: 6rem;
|
||||
}
|
||||
.tab-hosts-header-title {
|
||||
width: 8rem;
|
||||
}
|
||||
.tab-hosts-header-os {
|
||||
width: 6rem;
|
||||
}
|
||||
.tab-hosts-header-available {
|
||||
width: 8rem;
|
||||
}
|
||||
.tab-hosts-header-installed {
|
||||
width: 8rem;
|
||||
}
|
||||
.tab-hosts-header-events {
|
||||
width: 6rem;
|
||||
}
|
||||
.tab-hosts-header-restart {
|
||||
width: 6rem;
|
||||
}
|
||||
.updateReady {
|
||||
font-weight: bold;
|
||||
color: #06960E !important;
|
||||
}
|
||||
|
||||
.grid-hosts {
|
||||
& > tr:nth-child(2n) {
|
||||
background-color: @even-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
th, td, tr, td {
|
||||
border: @td-border;
|
||||
padding: 0 0.5rem 0 0.5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
&>tbody>tr>td>b {
|
||||
font-weight: normal;
|
||||
color: #008;
|
||||
}
|
||||
th {
|
||||
padding-left: @line-indent;
|
||||
}
|
||||
&>tbody>tr {
|
||||
height: 35px;
|
||||
border: 0;
|
||||
}
|
||||
.hosts-host-filtered-out {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.hosts-version-available-updatable {
|
||||
float: left;
|
||||
padding-top: 4px;
|
||||
}
|
||||
}
|
||||
#hosts {
|
||||
.hosts-host-filtered-out>div {
|
||||
padding: 2rem;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.small-button-empty, .small-button {
|
||||
width: 24px;
|
||||
margin: 0 1px 0 0;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.small-button {
|
||||
height: 24px;
|
||||
background: @tiles-tile-background;
|
||||
color: @admin-sidemenu-main-items-color;
|
||||
padding: 1px 0 0 0;
|
||||
cursor: pointer;
|
||||
i {
|
||||
//font-size: 14px;
|
||||
}
|
||||
&:hover {
|
||||
background: @main-active-color;
|
||||
color: @admin-sidemenu-color;
|
||||
}
|
||||
&.disabled {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
#tab-host-dialog-edit {
|
||||
.tab-host-dialog-edit-color-icon {
|
||||
float: left;
|
||||
padding-right: 4px;
|
||||
}
|
||||
.tab-host-dialog-edit-color {
|
||||
width: calc(~"100% - 50px");
|
||||
}
|
||||
.tab-host-dialog-edit-icon-clear,
|
||||
.tab-host-dialog-edit-color-clear {
|
||||
float: right;
|
||||
z-index: 0;
|
||||
}
|
||||
.tab-host-dialog-edit-upload{
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
a{
|
||||
height: 3rem;
|
||||
width: 4rem;
|
||||
i{
|
||||
line-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab-host-dialog-edit-icon{
|
||||
position: absolute;
|
||||
left: 170px;
|
||||
img.treetable-icon{
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
max-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
263
src/less/adminInstances.less
Normal file
263
src/less/adminInstances.less
Normal file
@@ -0,0 +1,263 @@
|
||||
/** instances tab *****************/
|
||||
/**/
|
||||
@import "commons";
|
||||
|
||||
// instances menu
|
||||
#instances-menu {
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
z-index: 1;
|
||||
border: 2px solid white;
|
||||
background: white;
|
||||
li.ui-state-focus {
|
||||
background: @admin-buttons-color;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
#tab-instances {
|
||||
// because of MS-EDGE
|
||||
.main-toolbar-table-types-tools {
|
||||
// padding: 0;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.high-mem {
|
||||
color: #FF9999
|
||||
}
|
||||
|
||||
#grid-instances>tr:nth-child(2n) {
|
||||
background-color: @even-bg-color;
|
||||
}
|
||||
|
||||
.ram-info-td {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
padding-top: 7px;
|
||||
text-align: right;
|
||||
|
||||
.system-warning {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.instances-filter {
|
||||
padding-left: 5px;
|
||||
margin-right: 3px;
|
||||
height: 24px;
|
||||
width: 10rem;
|
||||
&::placeholder {
|
||||
color: @admin-filter-placeholder-color;
|
||||
}
|
||||
}
|
||||
.instances-filter-clear {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 0;
|
||||
i {
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
}
|
||||
.instances-filter-div {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.bug-report {
|
||||
font-size: 14px !important;
|
||||
margin-top: 1px !important;
|
||||
}
|
||||
|
||||
a.btn-small {
|
||||
line-height: @admin-small-buttons-size;
|
||||
height: @admin-small-buttons-size;
|
||||
width: @admin-small-buttons-size;
|
||||
i {
|
||||
margin-left: -0.5px;
|
||||
font-size: 1.2rem;
|
||||
line-height: @admin-small-buttons-size;
|
||||
}
|
||||
}
|
||||
|
||||
.grid-main-div {
|
||||
height: calc(~"100% - 30px");
|
||||
overflow: auto;
|
||||
margin-left: 1px;
|
||||
width: calc(~"100% - 2px");
|
||||
.instance-table {
|
||||
width: calc(~"100% - 5px"); //MS-EDGE
|
||||
}
|
||||
}
|
||||
|
||||
.instance-table {
|
||||
// .new-iob-list-table;
|
||||
font-weight: normal;
|
||||
font-family: @iob-font;
|
||||
|
||||
background: @iob-background !important;
|
||||
white-space: nowrap;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: auto;
|
||||
font-size: 0.82rem;
|
||||
|
||||
&>tbody>tr {
|
||||
height: 35px;
|
||||
border: 0;
|
||||
}
|
||||
&>tbody>tr>td>b {
|
||||
font-weight: normal;
|
||||
color: #008;
|
||||
}
|
||||
&>tbody>tr>td {
|
||||
padding: 0;
|
||||
}
|
||||
th, td, tr, td {
|
||||
border: @td-border;
|
||||
padding-left: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
th {
|
||||
padding-left: @line-indent;
|
||||
}
|
||||
}
|
||||
|
||||
.instance-state-hover {
|
||||
border: 1px solid #66b6d6;
|
||||
border-radius: 0.3em;
|
||||
padding: 0.5em;
|
||||
box-shadow: 1em 1em;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
background-color: rgba(145, 220, 255, 0.95);
|
||||
}
|
||||
|
||||
.instance-schedule-button {
|
||||
font-size: 10px !important;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
float: right;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.instance-schedule-button span {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
tr.instance-adapter>td>button>span.ui-icon-pause { ///xxx
|
||||
//background: #88f !important;
|
||||
background-color: rgba(0, 255, 0, 0.1) !important;
|
||||
}
|
||||
tr.instance-adapter>td>button>span.ui-icon-play {
|
||||
//background: #8ff !important;
|
||||
background-color: rgba(255, 0, 0, 0.1) !important;
|
||||
}
|
||||
*/
|
||||
/*.instance-empty {
|
||||
width: 2.6em;
|
||||
height: 2.6em;
|
||||
}
|
||||
button.instance-settings, button.instance-reload, button.instance-del, button.instance-web, button.instance-stop-run, button.instance-empty, button.instance-issue {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
display: inline-block;
|
||||
}
|
||||
button.instance-stop-run {
|
||||
background-color: lightgreen;
|
||||
}*/
|
||||
|
||||
.instance-image {
|
||||
margin: 0.3em;
|
||||
}
|
||||
|
||||
thead#grid-instances-head {
|
||||
line-height: 1.6em;
|
||||
//.iob-font
|
||||
font-family: @iob-font;
|
||||
font-weight: normal;
|
||||
th {
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
thead#grid-instances-head {
|
||||
//.grid-objects-head;
|
||||
line-height: 1.6em !important;
|
||||
background-color: #e0e0e0;
|
||||
text-align: left;
|
||||
color: #000;
|
||||
font-size: @list-font-size !important;
|
||||
}
|
||||
|
||||
.small-button-empty {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
.small-button {
|
||||
width: 2.6em;
|
||||
margin: 0 1px 0 0;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.small-button {
|
||||
height: 2.6em;
|
||||
background: @tiles-tile-background;
|
||||
color: @admin-sidemenu-main-items-color;
|
||||
padding: 1px 0 0 0;
|
||||
cursor: pointer;
|
||||
i {
|
||||
font-size: 18px;
|
||||
}
|
||||
&:hover {
|
||||
background: @main-active-color;
|
||||
color: @admin-sidemenu-color;
|
||||
}
|
||||
&.disabled {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
&.instance-stop-run {
|
||||
background: #FF9999;
|
||||
}
|
||||
&.instance-running {
|
||||
background: lightgreen;
|
||||
}
|
||||
}
|
||||
|
||||
.desktop-screen {
|
||||
.small-button {
|
||||
&.instance-schedule-button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
td[data-name="restartSchedule"]:hover {
|
||||
.instance-schedule-button {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) and (min-width: 800px) {
|
||||
.tab-instances-info-processes, .tab-instances-info-disk {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 800px) and (min-width: 700px) {
|
||||
.tab-instances-info-free-ram, .tab-instances-info-processes, .tab-instances-info-disk {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
.tab-instances-info-total-ram, .tab-instances-info-free-ram, .tab-instances-info-processes, .tab-instances-info-disk {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
189
src/less/adminIntro.less
Normal file
189
src/less/adminIntro.less
Normal file
@@ -0,0 +1,189 @@
|
||||
@import "commons";
|
||||
|
||||
@tiles-tile-padding: 1rem;
|
||||
@media only screen and (min-width: 1601px) {
|
||||
.m .row.tab-intro-cards .col.xxl2 {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1901px) {
|
||||
.m .row.tab-intro-cards .col.xxxl1 {
|
||||
width: 15%;
|
||||
}
|
||||
}
|
||||
|
||||
#tab-intro {
|
||||
.tab-intro-cards {
|
||||
margin-bottom: 0;
|
||||
height: calc(~"100% - 10px");
|
||||
overflow: auto;
|
||||
.info {
|
||||
display: none;
|
||||
}
|
||||
.tile {
|
||||
.card {
|
||||
min-height: 235px;
|
||||
}
|
||||
.card-content {
|
||||
height: 170px;
|
||||
padding: 1rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
.card-titles {
|
||||
display: block;
|
||||
line-height: 32px;
|
||||
margin-bottom: 8px;
|
||||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
.card-action {
|
||||
min-height: 49px;
|
||||
}
|
||||
.card-image {
|
||||
background: #e2e2e2;
|
||||
max-width: 30%;
|
||||
img {
|
||||
width: 120px;
|
||||
height: auto;
|
||||
padding: 2rem 0.5rem;
|
||||
}
|
||||
}
|
||||
.dl-horizontal {
|
||||
dt, dd {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
&.card-system-info {
|
||||
.info {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
i {
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
.card-image {
|
||||
background: #e2e2e2;
|
||||
max-width: 30%;
|
||||
img {
|
||||
// max-width: 90px;
|
||||
height: auto;
|
||||
padding: 2rem 0.5rem;
|
||||
}
|
||||
}
|
||||
.card-content {
|
||||
height: 220px;
|
||||
padding-right: 0;
|
||||
.card-content-text {
|
||||
padding-right: 5px;
|
||||
ul{
|
||||
margin: 0;
|
||||
}
|
||||
height: 140px;
|
||||
}
|
||||
}
|
||||
.card-reveal {
|
||||
overflow-y: hidden;
|
||||
padding-top: 15px;
|
||||
h5 {
|
||||
margin: 0;
|
||||
}
|
||||
.card-title {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
width: 25px;
|
||||
i:hover {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
a:hover {
|
||||
color: blue;
|
||||
}
|
||||
a {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 50px;
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.card-reveal:hover {
|
||||
overflow-y: scroll;
|
||||
padding-right: 18px;
|
||||
}
|
||||
.card-action {
|
||||
display: none;
|
||||
}
|
||||
.system-warning {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
cursor: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-card-enabled {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
display: none;
|
||||
}
|
||||
.card-disabled {
|
||||
display: none;
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-edit {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.btn-edit, .btn-edit-ok, .btn-edit-cancel {
|
||||
position: absolute;
|
||||
bottom: 1rem;
|
||||
}
|
||||
.btn-edit, .btn-edit-cancel {
|
||||
right: 1rem;
|
||||
}
|
||||
.btn-edit-ok {
|
||||
right: 5rem;
|
||||
}
|
||||
.btn-edit-ok, .btn-edit-cancel {
|
||||
display: none;
|
||||
}
|
||||
.tile {
|
||||
cursor: pointer;
|
||||
.card {
|
||||
min-height: 235px;
|
||||
}
|
||||
}
|
||||
&.edit-active {
|
||||
.tile {
|
||||
cursor: inherit;
|
||||
.card-image, .card-stacked {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
.btn-edit {
|
||||
display: none;
|
||||
}
|
||||
.btn-edit-ok, .btn-edit-cancel {
|
||||
display: block;
|
||||
}
|
||||
.btn-card-enabled {
|
||||
display: block;
|
||||
}
|
||||
.card-disabled {
|
||||
display: flex;
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
#intro-template {
|
||||
display: none;
|
||||
}
|
||||
74
src/less/adminIssue.less
Normal file
74
src/less/adminIssue.less
Normal file
@@ -0,0 +1,74 @@
|
||||
@import "commons";
|
||||
@import "materializeConsts";
|
||||
|
||||
#tabs-issue {
|
||||
overflow: hidden;
|
||||
height: calc(~"100% - "@admin-m-footer-height);
|
||||
& > div {
|
||||
maring-bottom: 0;
|
||||
}
|
||||
td {
|
||||
padding: 0 5px;
|
||||
}
|
||||
.title {
|
||||
background: @main-active-color;
|
||||
color: white;
|
||||
letter-spacing: .5px;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.collapsible-header {
|
||||
font-size: 1.2rem;
|
||||
position: relative;
|
||||
.category {
|
||||
letter-spacing: .5px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
position: absolute;
|
||||
right: 4rem;
|
||||
top: 1rem;
|
||||
a {
|
||||
border-radius: 100px;
|
||||
width: inherit;
|
||||
text-align: center;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.collapsible-body {
|
||||
background: whitesmoke;
|
||||
position: relative;
|
||||
.signature{
|
||||
position: absolute;
|
||||
right: 4rem;
|
||||
.user{
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
.page {
|
||||
background: #f5f2f0;
|
||||
height: 100%;
|
||||
padding-top: 1rem;
|
||||
padding-left: 1rem;
|
||||
overflow: hidden;
|
||||
#result-issue {
|
||||
width: 100%;
|
||||
height: calc(~"100% - "@admin-m-footer-height);
|
||||
overflow: auto;
|
||||
.col {
|
||||
position: relative;
|
||||
.select-wrapper + label {
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 10%;
|
||||
margin-left: 45%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
156
src/less/adminLog.less
Normal file
156
src/less/adminLog.less
Normal file
@@ -0,0 +1,156 @@
|
||||
@import "commons";
|
||||
|
||||
#tab-logs {
|
||||
#grid-log-inner {
|
||||
width: 100%;
|
||||
height: calc(~"100% - 36px");
|
||||
overflow-y: scroll;
|
||||
}
|
||||
#log-outer {
|
||||
width: calc(~"100% - 3px");
|
||||
border-collapse: collapse;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.log-head {
|
||||
visibility: hidden;
|
||||
height: 0 !important;
|
||||
//background: #f00; // only for debug
|
||||
}
|
||||
.main-toolbar-table {
|
||||
// padding-left: 3px;
|
||||
// padding-bottom: 2px;
|
||||
|
||||
a.btn-small {
|
||||
line-height: @admin-small-buttons-size;
|
||||
height: @admin-small-buttons-size;
|
||||
width: @admin-small-buttons-size;
|
||||
i {
|
||||
margin-left: -0.5px;
|
||||
font-size: 1.2rem;
|
||||
line-height: @admin-small-buttons-size;
|
||||
}
|
||||
}
|
||||
.dropdown-button {
|
||||
height: @toolbar-size + 4px;
|
||||
line-height: @toolbar-size + 4px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
#log-size {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#log-size {
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
font-size: 0.75em;
|
||||
font-weight: normal;
|
||||
float: right;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
|
||||
.btn-pause {
|
||||
width: 3em !important;
|
||||
border-radius: 25px !important;
|
||||
margin-right: 3px;
|
||||
}
|
||||
.btn-pause-button-active {
|
||||
color: black;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
#log-outer-header {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
.main-header-input-table {
|
||||
td, th {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*.log-column-1-header {
|
||||
width: 100px;
|
||||
}
|
||||
.log-column-2-header {
|
||||
width: 170px;
|
||||
}
|
||||
.log-column-3-header {
|
||||
width: 62px;
|
||||
}
|
||||
.log-column-4-header {
|
||||
}*/
|
||||
|
||||
#log-outer {
|
||||
//.iob-min-table;
|
||||
background: @iob-background;
|
||||
white-space: nowrap;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: auto;
|
||||
|
||||
//.iob-font
|
||||
font-family: @iob-font;
|
||||
font-weight: normal;
|
||||
//.iob-list-font
|
||||
font-size: @list-font-size !important;
|
||||
|
||||
|
||||
text-align: left;
|
||||
margin-top: @header-table-distance - 3px !important;
|
||||
margin-left: 1px;
|
||||
&>thead>tr>th {
|
||||
//.th-0;
|
||||
height: 0 !important;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
#log-table>tr {
|
||||
height: 24px;
|
||||
&:nth-child(even){
|
||||
/*background: #efefef;*/
|
||||
background-color: @even-bg-color;
|
||||
}
|
||||
&>td {
|
||||
box-sizing: border-box;
|
||||
text-align: left !important;
|
||||
padding-left: @line-indent !important;
|
||||
border: @td-border;
|
||||
&:first-child {
|
||||
color: #0000a0;
|
||||
}
|
||||
}
|
||||
&.log-severity-debug {
|
||||
color: #808080;
|
||||
}
|
||||
&.log-severity-info {
|
||||
color: black;
|
||||
/*background-color: #0ca3d2;*/
|
||||
}
|
||||
&.log-severity-warn {
|
||||
color: #ce9900;
|
||||
}
|
||||
&.log-severity-error {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
#log-copy-text {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: white;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
// for TAB to inform about error
|
||||
.errorLog {
|
||||
font-weight: bold;
|
||||
color: red !important;
|
||||
}
|
||||
295
src/less/adminMenu.less
Normal file
295
src/less/adminMenu.less
Normal file
@@ -0,0 +1,295 @@
|
||||
@import "commons";
|
||||
|
||||
#admin_sidemenu_dialog {
|
||||
.tab-selector {
|
||||
margin: 0;
|
||||
font-family: Tahoma;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
&>div {
|
||||
overflow: visible;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
left:0;
|
||||
top: 0;
|
||||
}
|
||||
ul {
|
||||
border: 1px solid #909090;
|
||||
line-height: 32px;
|
||||
padding:8px;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
float: left;
|
||||
background:#fff;
|
||||
color:#000;
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
// The navigation menu links
|
||||
.admin-sidemenu {
|
||||
height: 100%;
|
||||
width: 0;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
//background-color: @admin-sidemenu-background; // Black
|
||||
transition: @admin-sidemenu-transition; // 0.5 second transition effect to slide in the sidenav */
|
||||
font-family: @admin-sidemenu-font;
|
||||
|
||||
.admin-sidemenu-logo {
|
||||
transition: opacity @admin-sidemenu-transition; // 0.5 second transition effect to slide in the sidenav */
|
||||
opacity: 1;
|
||||
position: fixed;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
img {
|
||||
width: 106px
|
||||
}
|
||||
}
|
||||
|
||||
li > a {
|
||||
padding: 0 0 0 16px;
|
||||
}
|
||||
a {
|
||||
padding: .75rem;
|
||||
text-decoration: none;
|
||||
font-size: 1rem;
|
||||
color: @admin-sidemenu-color;
|
||||
display: block;
|
||||
transition: @admin-sidemenu-transition;
|
||||
z-index: 1;
|
||||
}
|
||||
a:hover {
|
||||
background: @main-background-color;
|
||||
color: @admin-sidemenu-user-view-background;
|
||||
}
|
||||
li {
|
||||
&.admin-sidemenu-active {
|
||||
background: @admin-buttons-color;
|
||||
color: @admin-buttons-background !important;
|
||||
a {
|
||||
color: aliceblue !important;
|
||||
}
|
||||
}
|
||||
&.admin-sidemenu-active:hover {
|
||||
background: @admin-buttons-color;
|
||||
color: @admin-buttons-background;
|
||||
}
|
||||
&:hover {
|
||||
background: @main-background-color;
|
||||
color: @admin-sidemenu-user-view-background;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-sidemenu-menu {
|
||||
width: 100%;
|
||||
height: calc(~"100% - 176px"); // 176 is height of user-view
|
||||
margin: 0;
|
||||
overflow-y: auto;
|
||||
li a:hover{
|
||||
color: aliceblue !important;
|
||||
}
|
||||
}
|
||||
a i {
|
||||
margin: 0 0.5rem 0 0 !important;
|
||||
}
|
||||
a .icon-empty {
|
||||
width: 24px;
|
||||
display: inline-block;
|
||||
margin-left: 8px;
|
||||
}
|
||||
// Position and style the close button (top right corner)
|
||||
.admin-sidemenu-close:hover {
|
||||
color: aliceblue;
|
||||
cursor: pointer;
|
||||
}
|
||||
.admin-sidemenu-close {
|
||||
position: fixed;
|
||||
left: calc(180px - 34px);
|
||||
top: 0;
|
||||
/* line-height: .8rem; */
|
||||
padding: 5px;
|
||||
|
||||
i {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
// span {
|
||||
// &:after {
|
||||
// content: "×";
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
.choose-tabs-config-button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border: 0;
|
||||
width: 36px;
|
||||
color: @admin-sidemenu-color;
|
||||
font-size: 1.2rem;
|
||||
line-height: 38px;
|
||||
padding: 0;
|
||||
i {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.choose-tabs-config-button:hover {
|
||||
color: aliceblue;
|
||||
cursor: pointer;
|
||||
//background: @admin-sidemenu-background-hover;
|
||||
}
|
||||
// badge with updates
|
||||
#updates-for-adapters, #updates-for-hosts {
|
||||
min-width: 1rem !important;
|
||||
//margin: 0.2rem .1rem 0 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
//.btn {
|
||||
// margin-left: 0.5rem; readme
|
||||
//}
|
||||
|
||||
#admin_sidemenu_main {
|
||||
transition: margin-left @admin-sidemenu-transition;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
margin-left: @admin-sidemenu-width;
|
||||
background: @admin-sidemenu-main-background;
|
||||
height: 100%;
|
||||
|
||||
.main-toolbar-table {
|
||||
//padding-left: 10px; // left aligned with the underlying list headers
|
||||
}
|
||||
|
||||
.admin-sidemenu-header {
|
||||
//height: @admin-sidemenu-main-header-height;
|
||||
//overflow: hidden;
|
||||
background: @admin-sidemenu-main-header-background;
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
transition: margin-left @admin-sidemenu-transition;
|
||||
}
|
||||
.admin-sidemenu-body {
|
||||
|
||||
width: calc(~"100% - " 2 * @main-frame-distance);
|
||||
@pad: calc(@admin-sidemenu-main-header-height + @admin-sidemenu-main-footer-height + (2 * @main-frame-distance) + 2);
|
||||
//height: calc(~"100% - @{pad}");
|
||||
height: calc(~"100% - 70px");
|
||||
overflow: hidden;
|
||||
padding: @main-frame-distance;
|
||||
|
||||
.admin-sidemenu-body-content {
|
||||
height: 100%; // for MS-edge
|
||||
}
|
||||
}
|
||||
.admin-sidemenu-footer {
|
||||
height: @admin-sidemenu-main-footer-height;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
background: @admin-sidemenu-main-footer-background;
|
||||
}
|
||||
.admin-sidemenu-body .admin-tab {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.admin-sidemenu-body .admin-tab .grid-main-div {
|
||||
height: calc(~"100% - 35px");
|
||||
}
|
||||
|
||||
// scrollbar
|
||||
*::-webkit-scrollbar-track {
|
||||
background-color: @admin-sidemenu-background;
|
||||
}
|
||||
*::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
background-color: @admin-sidemenu-background;
|
||||
}
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: @admin-sidemenu-scrollbar-thumb-color;
|
||||
}
|
||||
}
|
||||
|
||||
#admin_sidemenu_menu {
|
||||
transition: width @admin-sidemenu-transition;
|
||||
width: @admin-sidemenu-width;
|
||||
overflow-y: auto;
|
||||
|
||||
.admin-sidemenu-items {
|
||||
cursor: pointer;
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
a {
|
||||
color: @admin-sidemenu-main-items-color;
|
||||
.text {
|
||||
width: calc(~"100% - 3.7rem");
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// scrollbar
|
||||
*::-webkit-scrollbar-track {
|
||||
background-color: @admin-sidemenu-background;
|
||||
}
|
||||
*::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
background-color: @admin-sidemenu-background;
|
||||
}
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: @admin-sidemenu-scrollbar-thumb-color;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-sidemenu-closed {
|
||||
&#admin_sidemenu_menu {
|
||||
width: 0;
|
||||
}
|
||||
&#admin_sidemenu_main {
|
||||
margin-left: 0;
|
||||
}
|
||||
.admin-sidemenu-logo {
|
||||
transition: opacity @admin-sidemenu-transition; // 0.5 second transition effect to slide in the sidenav */
|
||||
opacity: 0;
|
||||
}
|
||||
.side-nav {
|
||||
transform: translateX(-180px);
|
||||
}
|
||||
.admin-sidemenu-header {
|
||||
width: 100%;
|
||||
//padding-left: 30px;
|
||||
}
|
||||
.admin-sidemenu-close {
|
||||
left: 0;
|
||||
top: 12px;
|
||||
background-color: #87cefa;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-top-right-radius: 2px;
|
||||
padding: 10px 5px 10px 0;
|
||||
&:hover {
|
||||
background: @admin-sidemenu-user-view-background;
|
||||
color: @admin-sidemenu-color;
|
||||
}
|
||||
}
|
||||
.admin-sidemenu-header {
|
||||
width: calc(~"100% - 29px");
|
||||
margin-left: 29px;
|
||||
}
|
||||
.admin-sidemenu-items {
|
||||
display: none;
|
||||
}
|
||||
.admin-sidemenu-close {
|
||||
span:after {
|
||||
content: "☰";
|
||||
}
|
||||
}
|
||||
}
|
||||
0
src/less/adminMenuEdit.less
Normal file
0
src/less/adminMenuEdit.less
Normal file
38
src/less/adminObjects.less
Normal file
38
src/less/adminObjects.less
Normal file
@@ -0,0 +1,38 @@
|
||||
@import "commons";
|
||||
#tab-objects {
|
||||
.custom-enabled {
|
||||
background: @main-background-color;//rgb(151, 191, 255) !important;
|
||||
}
|
||||
.custom-disabled {
|
||||
|
||||
}
|
||||
.dialog-select-container {
|
||||
.main-toolbar-table {
|
||||
padding-left: 12px;
|
||||
button {
|
||||
height: @admin-small-buttons-size;
|
||||
width: @admin-small-buttons-size !important;
|
||||
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
|
||||
}
|
||||
i {
|
||||
line-height: @admin-small-buttons-size;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#dialog-new-object {
|
||||
.title {
|
||||
background: @main-background-color;
|
||||
color: @admin-buttons-background;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.row, .col {
|
||||
position: relative;
|
||||
}
|
||||
.select-wrapper + label {
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
81
src/less/adminReadme.less
Normal file
81
src/less/adminReadme.less
Normal file
@@ -0,0 +1,81 @@
|
||||
@import "commons";
|
||||
@import "materializeConsts";
|
||||
|
||||
.tabs-readme {
|
||||
overflow: hidden;
|
||||
.page {
|
||||
//background: #f5f2f0;
|
||||
height: calc(~"100% - " @admin-m-footer-height ~" - 16px");
|
||||
overflow: auto;
|
||||
padding-top: 1rem;
|
||||
padding-left: 1rem;
|
||||
position: relative;
|
||||
.title {
|
||||
background: @main-active-color;
|
||||
color: white;
|
||||
letter-spacing: .5px;
|
||||
padding: 0.5rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
.result-readme,
|
||||
.result-license {
|
||||
h2 {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
ul {
|
||||
list-style-type: circle;
|
||||
padding-left: 1rem;
|
||||
li {
|
||||
list-style-type: circle;
|
||||
}
|
||||
}
|
||||
}
|
||||
.result-changelog {
|
||||
h3, h2 {
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
ul {
|
||||
list-style-type: circle;
|
||||
padding-left: 1rem;
|
||||
li {
|
||||
list-style-type: circle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.result-logo {
|
||||
position: absolute;
|
||||
top: 3.5rem;
|
||||
right: 1rem;
|
||||
width: 6rem;
|
||||
height: 6rem;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
td {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.nav-wrapper {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
#result-readme {
|
||||
width: 100%;
|
||||
.col {
|
||||
position: relative;
|
||||
.select-wrapper + label {
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
65
src/less/adminSystem.less
Normal file
65
src/less/adminSystem.less
Normal file
@@ -0,0 +1,65 @@
|
||||
@import "commons";
|
||||
@import "materializeConsts";
|
||||
|
||||
#tab-system-main {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
#tabs-system {
|
||||
overflow: hidden;
|
||||
height: calc(~"100% - "@admin-m-footer-height);
|
||||
.page {
|
||||
background: #f5f2f0;
|
||||
height: calc(~"100% - " @admin-m-footer-height ~" - 16px");
|
||||
padding-top: 1rem;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
.acl-checkboxes {
|
||||
border-right: 1px solid black; border-left: 1px solid black; text-align: center
|
||||
}
|
||||
.acl-checkboxes-top {
|
||||
border-top: 1px solid black;
|
||||
}
|
||||
.acl-checkboxes-bottom {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
#diagSample {
|
||||
overflow: auto;
|
||||
}
|
||||
.map {
|
||||
height: 400px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
#tab-system-certs {
|
||||
position: relative;
|
||||
#toast-container {
|
||||
bottom: 20%;
|
||||
left: 50%;
|
||||
top: initial;
|
||||
right: initial;
|
||||
}
|
||||
}
|
||||
#tab-system-diag {
|
||||
display: block;
|
||||
height: calc(~"100% - 40px");
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#diagSample {
|
||||
background: @admin-buttons-background;
|
||||
@media screen {
|
||||
// medium and up = m
|
||||
@media (min-width : 601px) {
|
||||
//height: calc(~"100% - 4rem");
|
||||
}
|
||||
// large and up = l
|
||||
@media (min-width: 993px) {
|
||||
height: calc(~"100% - 6rem");
|
||||
}
|
||||
// small and down = s
|
||||
@media (max-width: 600px) {
|
||||
//height: calc(~"100% - 4rem");
|
||||
}
|
||||
}
|
||||
}
|
||||
329
src/less/adminUsers.less
Normal file
329
src/less/adminUsers.less
Normal file
@@ -0,0 +1,329 @@
|
||||
@import "commons";
|
||||
|
||||
@tab-user-title-height: 2rem;
|
||||
/** log tab *******************************/
|
||||
|
||||
#tab-users {
|
||||
.tab-users-list-groups,
|
||||
.tab-users-list-users {
|
||||
// width: calc(~"50% - 2px");
|
||||
// display: inline-block;
|
||||
height: 100%;
|
||||
.tab-users-header {
|
||||
height: @tab-user-title-height;
|
||||
// display: block;
|
||||
i {
|
||||
position: relative;
|
||||
top: 5px;
|
||||
}
|
||||
span {
|
||||
font-size: 1.2rem;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
a.btn-floating {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
height: @admin-small-buttons-size;
|
||||
width: @admin-small-buttons-size;
|
||||
i {
|
||||
position: relative;
|
||||
top: 0;
|
||||
line-height: @admin-small-buttons-size;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.tab-users-body {
|
||||
height: calc(~"100% - "@tab-user-title-height);
|
||||
overflow: auto;
|
||||
|
||||
// display: block;
|
||||
/*.tree-table-buttons {
|
||||
padding-left: 12px;
|
||||
a {
|
||||
margin-right: 5px;
|
||||
height: @admin-small-buttons-size;
|
||||
width: @admin-small-buttons-size;
|
||||
}
|
||||
i {
|
||||
line-height: @admin-small-buttons-size;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}*/
|
||||
}
|
||||
}
|
||||
.tab-users-list-users {
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// left: 50%;
|
||||
.tab-users-body {
|
||||
.collection {
|
||||
overflow: auto;
|
||||
li {
|
||||
padding: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.edit-content,
|
||||
.delete-content,
|
||||
.secondary-content{
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
float: right;
|
||||
color: @admin-buttons-color;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.delete-content:hover,
|
||||
.edit-content:hover,
|
||||
.secondary-content:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.edit-content {
|
||||
right: 40px;
|
||||
}
|
||||
.delete-content {
|
||||
right: 10px;
|
||||
}
|
||||
.secondary-content {
|
||||
right: 70px;
|
||||
cursor: pointer;
|
||||
color: @admin-buttons-color;
|
||||
}
|
||||
.edit-content.disabled,
|
||||
.delete-content.disabled {
|
||||
color: darkgray;
|
||||
cursor: default;
|
||||
}
|
||||
.collection-item {
|
||||
img.icon {
|
||||
position: absolute;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
overflow: hidden;
|
||||
left: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
p {
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.1rem;
|
||||
margin-top: 10px;
|
||||
}
|
||||
span.title {
|
||||
margin-left: 50px;
|
||||
margin-right: 10px;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.chip {
|
||||
position: relative;
|
||||
img{
|
||||
float: left;
|
||||
margin: 5px 8px 0px -5px;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.chip-id {
|
||||
position: absolute;
|
||||
bottom: -11px;
|
||||
left: 40px;
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab-users-list-groups {
|
||||
.tab-users-body {
|
||||
.collection {
|
||||
overflow: auto;
|
||||
li {
|
||||
padding: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.edit-content,
|
||||
.delete-content {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
float: right;
|
||||
color: @admin-buttons-color;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.delete-content:hover,
|
||||
.edit-content:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.edit-content {
|
||||
right: 40px;
|
||||
}
|
||||
.delete-content {
|
||||
right: 10px;
|
||||
}
|
||||
.edit-content.disabled,
|
||||
.delete-content.disabled {
|
||||
color: darkgray;
|
||||
cursor: default;
|
||||
}
|
||||
.collection-item {
|
||||
img.icon {
|
||||
position: absolute;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
overflow: hidden;
|
||||
left: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
p {
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
font-size: 1rem;
|
||||
margin-top: 10px;
|
||||
}
|
||||
span.title {
|
||||
margin-left: 50px;
|
||||
margin-right: 10px;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
.chip {
|
||||
position: relative;
|
||||
img{
|
||||
float: left;
|
||||
margin: 5px 8px 0px -5px;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.chip-id {
|
||||
position: absolute;
|
||||
bottom: -11px;
|
||||
left: 40px;
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
position: relative;
|
||||
|
||||
.users-drag-helper {
|
||||
padding: 4px;
|
||||
background: rgba(80, 80, 80, 0.5);
|
||||
border: 1px solid gray;
|
||||
border-radius: 2px;
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-users-body {
|
||||
.tab-accept-item {
|
||||
background: @admin-buttons-color !important;
|
||||
color: white;
|
||||
}
|
||||
} // blur non-target components while dragging
|
||||
&.dragging {
|
||||
.tree-table-buttons,
|
||||
.tab-users-header,
|
||||
.tab-users-list-users .tab-users-body {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.tab-users-list-groups .tab-users-body > ul::after {
|
||||
content: "";
|
||||
pointer-events: none;
|
||||
box-sizing: border-box;
|
||||
border: 5px dashed lightblue;
|
||||
border-radius: 1rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
} // copied from materialize
|
||||
#toast-container {
|
||||
max-width: 86%;
|
||||
top: 10%;
|
||||
right: 7%;
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 10000;
|
||||
box-sizing: inherit;
|
||||
.toast {
|
||||
border-radius: 2px; //top: 35px;
|
||||
width: auto;
|
||||
margin-top: 10px;
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
min-height: 48px;
|
||||
line-height: 1.5em;
|
||||
word-break: break-all;
|
||||
background-color: #323232;
|
||||
padding: 10px 10px;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 300;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
cursor: default;
|
||||
top: 0;
|
||||
opacity: 1;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.tab-dialog-new-color-icon {
|
||||
float: left;
|
||||
padding-right: 4px;
|
||||
}
|
||||
.tab-dialog-new-color {
|
||||
width: calc(~"100% - 50px");
|
||||
}
|
||||
.tab-dialog-new-icon-clear,
|
||||
.tab-dialog-new-color-clear {
|
||||
float: right;
|
||||
z-index: 0;
|
||||
}
|
||||
.tab-dialog-new-upload{
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
a{
|
||||
height: 3rem;
|
||||
width: 4rem;
|
||||
i{
|
||||
line-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab-dialog-new-icon{
|
||||
position: absolute;
|
||||
left: 170;
|
||||
img.treetable-icon{
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
max-height: 50px;
|
||||
}
|
||||
}
|
||||
#tab-users-dialog-new-rights {
|
||||
padding-bottom: 50px;
|
||||
.group-titles {
|
||||
background: @admin-sidemenu-main-header-background;
|
||||
color: @tiles-background;
|
||||
font-weight: bold;
|
||||
}
|
||||
.group-sub-titles {
|
||||
font-size: smaller;
|
||||
}
|
||||
}
|
||||
}
|
||||
97
src/less/commons.less
Normal file
97
src/less/commons.less
Normal file
@@ -0,0 +1,97 @@
|
||||
@main-font: "Segoe UI", Tahoma, Arial, "Courier New", sans-serif;
|
||||
@main-background-color: #64b5f6;
|
||||
@main-second-background-color: #066594;
|
||||
@main-active-color: #2196f3;
|
||||
|
||||
@main-frame-distance: 7px;
|
||||
|
||||
@tiles-background: #fff;
|
||||
@tiles-tile-background: #fff;
|
||||
@tiles-tile-color: rgba(0, 0, 0, 0.87);
|
||||
|
||||
@admin-buttons-background: #FFF;
|
||||
@admin-buttons-color: @main-background-color;
|
||||
|
||||
@admin-sidemenu-user-view-background:#1d598c; //#575757;
|
||||
@admin-sidemenu-background: #ccc;
|
||||
@admin-sidemenu-scrollbar-thumb-color: #575757;
|
||||
@admin-sidemenu-background-hover: #066594;
|
||||
@admin-sidemenu-color: #FFF;
|
||||
@admin-sidemenu-font: @main-font;
|
||||
@admin-sidemenu-transition: 0.3s;
|
||||
@admin-sidemenu-width: 180px;
|
||||
@admin-sidemenu-main-header-background: @main-background-color;
|
||||
@admin-sidemenu-main-background: #efefef;
|
||||
@admin-sidemenu-main-footer-background: #066694;
|
||||
@admin-sidemenu-main-items-color: #0e2e4a;
|
||||
@admin-filter-placeholder-color: #666666;
|
||||
|
||||
@admin-adapters-updatable-background: #adffad;
|
||||
@admin-adapters-installed-background: #B4DEFF;
|
||||
@admin-adapters-updatable-color: #449c44;
|
||||
@admin-adapters-tiles-background: #f5f5f5;
|
||||
|
||||
@admin-sidemenu-main-header-height: 64px;
|
||||
@admin-sidemenu-main-footer-height: 0;
|
||||
|
||||
@admin-small-buttons-size: 28px;
|
||||
|
||||
@admin-toolbar-height: 64px;
|
||||
@admin-table-header-background: #FFF;
|
||||
@admin-table-row-even-background: #eee;
|
||||
|
||||
// Common loader
|
||||
@offset: 187;
|
||||
@duration: 1.4s;
|
||||
|
||||
@iob-background: #efefef;
|
||||
@td-border: 1px solid #e0e0e0;
|
||||
//1px solid #c8c8c8;
|
||||
|
||||
@iob-font: "Segoe UI", Tahoma, Arial, "Courier New" !important;
|
||||
//@list-font-size: 12px; // .86em;
|
||||
//@list-font-size: .86rem;
|
||||
|
||||
//@list-font-size: .78rem;
|
||||
@list-font-size: .82rem;
|
||||
@toolbar-font-size: .75rem; //.82rem;
|
||||
//@list-font-size: .9rem;
|
||||
|
||||
@main-frame-distance: 7px;
|
||||
|
||||
@line-indent: 5px;
|
||||
@header-table-distance: 0;
|
||||
@even-bg-color: #e9e9e9;
|
||||
@icon-size: 12px;
|
||||
@td-button-size: 20px;
|
||||
|
||||
@toolbar-size: 24px;
|
||||
@toolbar-button-distance: 2px; // + 2 from td's border
|
||||
@toolbar-button-full-distance: @toolbar-button-distance + 2; // including the 2 from td's border
|
||||
@toolbar-background: #fff;
|
||||
@td-toolbar-border-size: 1px;
|
||||
@td-toolbar-border: @td-toolbar-border-size solid #c0c0c0;
|
||||
@toolbar-filter-active-background: #ffbfb6;
|
||||
|
||||
//@toolbar-y-margin: 2px;
|
||||
@toolbar-y-margin: 0px;
|
||||
@toolbar-image-size: 16px;
|
||||
@toolbar-outer-hover: 1px solid #d0d0d0;
|
||||
//@main-toolbar-height: 30px;
|
||||
//@main-toolbar-full-height: 30px + 5px; // 5px margin-bottom
|
||||
//@main-toolbar-height: 26px; // incl. 2px border from td
|
||||
//@main-toolbar-full-height: @toolbar-size + @td-toolbar-border-size * 2 + @toolbar-y-margin * 2 - @tabs-padding-top;
|
||||
@main-toolbar-full-height: @toolbar-size + @td-toolbar-border-size * 2 + @toolbar-y-margin * 2;
|
||||
@toolbar-btn-clear-size: 18px;
|
||||
|
||||
@list-header-background: #fff;
|
||||
|
||||
@tabs-padding-top: 5px;
|
||||
@tabs-padding: 7px;
|
||||
//@tabs-height: 32px;
|
||||
@tabs-height: 34px;
|
||||
|
||||
@header-height: 24px;
|
||||
|
||||
@grid-offset: @tabs-padding-top + @tabs-padding + @main-toolbar-full-height;
|
||||
@grid-offset-wh: (@grid-offset) + @header-height - 40px;
|
||||
1
src/less/materializeConsts.less
Normal file
1
src/less/materializeConsts.less
Normal file
@@ -0,0 +1 @@
|
||||
@admin-m-footer-height: 64px;
|
||||
81
src/less/materializeCorrect.less
Normal file
81
src/less/materializeCorrect.less
Normal file
@@ -0,0 +1,81 @@
|
||||
@import "commons";
|
||||
@import "materializeConsts";
|
||||
|
||||
.m {
|
||||
/*.nav-wrapper.footer{
|
||||
padding-top: 1rem;
|
||||
padding-left: 2rem;
|
||||
}*/
|
||||
|
||||
.admin-dialog-body {
|
||||
height: calc(~"100% - "@admin-m-footer-height);
|
||||
background: @tiles-tile-background;
|
||||
margin-bottom: 0;
|
||||
>div {
|
||||
height: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.side-nav {
|
||||
transition: transform @admin-sidemenu-transition; // 0.5 second transition effect to slide in the sidenav */
|
||||
transform: translateX(0px);
|
||||
width: @admin-sidemenu-width;
|
||||
padding-bottom: 0;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
overflow: hidden;
|
||||
|
||||
// scrollbar
|
||||
&::-webkit-scrollbar-track {
|
||||
background-color: @admin-sidemenu-background;
|
||||
}
|
||||
&::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
background-color: @admin-sidemenu-background;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: @admin-sidemenu-scrollbar-thumb-color;
|
||||
}
|
||||
|
||||
.user-view {
|
||||
background: @admin-sidemenu-user-view-background;
|
||||
color: @tiles-tile-background;
|
||||
padding: 0 32px 0;
|
||||
background-image: url(../img/background_small.png);
|
||||
background-position: 0;
|
||||
margin: 0;
|
||||
a {
|
||||
pointer-events: none;
|
||||
padding-bottom: 0.2em;
|
||||
padding-top: 0.2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.modal-content {
|
||||
width: calc(~"100% - 48px") !important; // 24px padding * 2
|
||||
height: calc(~"100% - 100px") !important;
|
||||
}
|
||||
.modal-footer {
|
||||
width: calc(~"100% - 12px") !important; // 6px padding-left + 6px padding-right
|
||||
}
|
||||
// fix padding of menu elements
|
||||
.side-nav li > a {
|
||||
//padding: 0 16px;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
.active {
|
||||
border-bottom: 2px solid #acd8fa;
|
||||
}
|
||||
.indicator {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dropdown-content {
|
||||
max-height: 300px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user