Initial check in accordance with Parallel IP
This commit is contained in:
Kai Zimmermann
1
hawkbit-ui/src/main/resources/VAADIN/.gitignore
vendored
Executable file
1
hawkbit-ui/src/main/resources/VAADIN/.gitignore
vendored
Executable file
@@ -0,0 +1 @@
|
||||
/widgetsets/
|
||||
2
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/.gitignore
vendored
Executable file
2
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/.gitignore
vendored
Executable file
@@ -0,0 +1,2 @@
|
||||
/addons.scss
|
||||
/styles.css
|
||||
@@ -0,0 +1,53 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
|
||||
@mixin accordion {
|
||||
|
||||
//Accordion caption style.accordion is displayed in confirmation popup
|
||||
.v-accordion-item-caption {
|
||||
color: $accordion-action-history-title-color !important;
|
||||
.v-caption {
|
||||
line-height: 30px !important;
|
||||
font-weight: bold;
|
||||
color: $accordion-action-history-title-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Accordion button layout style
|
||||
.accordion-tab-button-style {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
margin: 10px;
|
||||
width: 550px !important;
|
||||
}
|
||||
|
||||
//Accordion table style
|
||||
.accordion-tab-table-style {
|
||||
|
||||
//Below style wraps the text and displays ellipses when the text length is more the column width
|
||||
.v-table-cell-wrapper {
|
||||
line-height: 1.5;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
-icab-text-overflow: ellipsis;
|
||||
-khtml-text-overflow: ellipsis;
|
||||
-moz-text-overflow: ellipsis;
|
||||
-webkit-text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.v-table-body {
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
@mixin action-history {
|
||||
|
||||
//Action history headers are adjusted to match other widget header height
|
||||
.action-history-header {
|
||||
padding-bottom: 22px;
|
||||
}
|
||||
|
||||
//Artifact details headers are adjusted to match other widget header height
|
||||
.artifact-details-header {
|
||||
padding-bottom: 25px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
//Color of forced label
|
||||
.action-history-table-col-forced-label {
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,115 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
|
||||
@mixin upload-status-info-grid {
|
||||
.upload-status-grid {
|
||||
.v-grid-header th {
|
||||
border-left: 1px solid $widget-border-color !important;
|
||||
}
|
||||
|
||||
.v-grid-cell {
|
||||
border: none !important;
|
||||
cursor: move;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
-icab-text-overflow: ellipsis;
|
||||
-khtml-text-overflow: ellipsis;
|
||||
-moz-text-overflow: ellipsis;
|
||||
-webkit-text-overflow: ellipsis;
|
||||
font-size: $v-font-size--small !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.v-grid-tablewrapper {
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin artifact-upload {
|
||||
@include upload-status-info-grid;
|
||||
|
||||
//Upload status window style
|
||||
.upload-info {
|
||||
background: $widget-bg;
|
||||
|
||||
.v-window-header {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
//Footer buttons margins are adjusted in Upload confirmation popup and result popup
|
||||
.confirmation-window-footer {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
//Upload details pop-up - Style of error status displayed when upload validation fails
|
||||
.validation-failed {
|
||||
color: $red-color;
|
||||
}
|
||||
|
||||
//Upload details pop up - Style of success status displayed after successful upload validation
|
||||
.validation-success {
|
||||
color: $signal-green-color;
|
||||
}
|
||||
|
||||
.artifact-table {
|
||||
//To avoid horizontal scroll bar in table
|
||||
.v-table-body-wrapper.v-table-body > div:nth-child(1) > table > tbody td:last-child > div {
|
||||
width: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Upload drop area style
|
||||
.upload-drop-area-layout-info {
|
||||
// take care of updating maring-top in 'drop-icon' style when you change height of upload files drop area.
|
||||
height: 178px !important;
|
||||
border-radius: $v-border-radius;
|
||||
border: 3px dashed $light-grey;
|
||||
font-weight: 400;
|
||||
background-color: $widget-bg;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
//Upload drop layout - Drop icon style
|
||||
.drop-icon {
|
||||
color: $light-grey;
|
||||
font-size: 40px;
|
||||
// drop down arrow icon not able to display with center alignment.
|
||||
// Hence provide margin-top so that it appear at center.
|
||||
margin-top: 45px;
|
||||
}
|
||||
|
||||
//Upload confirmation popup and upload result popup style
|
||||
.confirmation-popup {
|
||||
border: 1px solid $grey-light;
|
||||
border-radius: 4px;
|
||||
margin-top: 5px;
|
||||
|
||||
// Text field for name,Md5 checksum,SHA1 checksum
|
||||
.v-textfield {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
//Upload confirmation popup - Style of warning label displayed after file name validation
|
||||
.warningLabel {
|
||||
color: $grey-color;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
//Upload confirmation popup - Style of error label displayed after file name validation
|
||||
.redErrorLabel {
|
||||
color: $red-color !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,209 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
@mixin colorpicker {
|
||||
|
||||
//Adjust slider posistion
|
||||
.v-slider {
|
||||
margin-top: -20px !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
//Slider bar style
|
||||
.v-slider-base {
|
||||
background-color: #dfdfdf;
|
||||
background-image: linear-gradient(to bottom, #dfdfdf 0%, #dfdfdf 100%);
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
|
||||
box-sizing: border-box;
|
||||
height: 6px;
|
||||
margin: 16px 11px;
|
||||
min-width: 74px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.v-slider-base:after {
|
||||
-moz-border-bottom-colors: none;
|
||||
-moz-border-left-colors: none;
|
||||
-moz-border-right-colors: none;
|
||||
-moz-border-top-colors: none;
|
||||
background-color: #e61919;
|
||||
background-image: linear-gradient(to bottom, #e81b1b 2%, #da1616 98%);
|
||||
border-color: #d11e1e #d11e1e #c31c1c;
|
||||
border-image: none;
|
||||
border-radius: 4px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
box-shadow: 0 1px 0 #e93838 inset, 0 -1px 0 #d71616 inset, 0 2px 3px rgba(0, 0, 0, 0.05);
|
||||
box-sizing: border-box;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: inherit;
|
||||
margin-left: -100%;
|
||||
min-width: 0;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.v-ie8 .v-slider-base:after {
|
||||
left: -11px;
|
||||
}
|
||||
|
||||
.v-slider-handle {
|
||||
display: inline-block;
|
||||
margin-top: -16px;
|
||||
vertical-align: top;
|
||||
width: 0.1px;
|
||||
}
|
||||
|
||||
.v-slider-handle:before {
|
||||
-moz-border-bottom-colors: none;
|
||||
-moz-border-left-colors: none;
|
||||
-moz-border-right-colors: none;
|
||||
-moz-border-top-colors: none;
|
||||
background-color: white;
|
||||
background-image: linear-gradient(to bottom, white 2%, #f4f4f4 98%);
|
||||
border-color: #dfdfdf #dfdfdf #c3c3c3;
|
||||
border-image: none;
|
||||
border-radius: 4px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
box-shadow: 0 1px 0 white inset, 0 -1px 0 #efefef inset, 0 2px 3px rgba(0, 0, 0, 0.05);
|
||||
color: #303030;
|
||||
height: 37px;
|
||||
padding: 0 18px;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.v-slider-handle:after {
|
||||
border: 1px solid #e61919;
|
||||
box-shadow: 0 0 0 2px rgba(230, 25, 25, 0.5);
|
||||
opacity: 0;
|
||||
transition: opacity 200ms ease 0s;
|
||||
}
|
||||
|
||||
.v-ie8 .v-slider-handle:after {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.v-slider-handle:before,
|
||||
.v-slider-handle:after {
|
||||
border-radius: 11px;
|
||||
box-sizing: border-box;
|
||||
content: "";
|
||||
height: 22px;
|
||||
margin-left: -11px;
|
||||
margin-top: 8px;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 22px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.v-slider-feedback {
|
||||
background-color: rgba(51, 51, 51, 0.75);
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
max-width: 35em;
|
||||
overflow: hidden !important;
|
||||
padding: 5px 9px;
|
||||
}
|
||||
|
||||
.v-slider-vertical {
|
||||
height: 74px;
|
||||
padding: 11px 0;
|
||||
}
|
||||
|
||||
.v-slider-vertical .v-slider-base {
|
||||
background-color: #dfdfdf;
|
||||
background-image: linear-gradient(to right, #dfdfdf 0%, #dfdfdf 100%);
|
||||
height: 100% !important;
|
||||
margin: 0 16px;
|
||||
min-height: 74px;
|
||||
min-width: 0;
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.v-slider-vertical .v-slider-base:after {
|
||||
background-color: #e61919;
|
||||
background-image: linear-gradient(to right, #e81b1b 2%, #da1616 98%);
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.v-ie8 .v-slider-vertical .v-slider-base:after {
|
||||
height: 130%;
|
||||
left: 0;
|
||||
top: 9px;
|
||||
}
|
||||
|
||||
.v-slider-vertical .v-slider-handle {
|
||||
display: block;
|
||||
height: .1px;
|
||||
width: 37px;
|
||||
}
|
||||
|
||||
.v-slider-vertical .v-slider-handle:before,
|
||||
.book-examples .v-slider-vertical .v-slider-handle:after {
|
||||
height: 22px;
|
||||
margin-left: -8px;
|
||||
margin-top: -11px;
|
||||
width: 22px;
|
||||
}
|
||||
|
||||
.v-slider.v-slider-red:before {
|
||||
background-color: $red-color;
|
||||
}
|
||||
|
||||
.v-slider.v-slider-green:before {
|
||||
background-color: $green-color;
|
||||
}
|
||||
|
||||
.v-slider.v-slider-blue:before {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
.v-slider.hue-slider:before {
|
||||
background: url("slider_hue_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.v-slider-red .v-slider-base:after {
|
||||
background: none repeat scroll 0 0 $red-color;
|
||||
border: medium none;
|
||||
box-shadow: none;
|
||||
top: -20px !important;
|
||||
}
|
||||
|
||||
.v-slider-green .v-slider-base:after {
|
||||
background: none repeat scroll 0 0 $green-color;
|
||||
border: medium none;
|
||||
box-shadow: none;
|
||||
top: -20px !important;
|
||||
}
|
||||
|
||||
.v-slider-blue .v-slider-base:after {
|
||||
background: none repeat scroll 0 0 $blue-color;
|
||||
border: medium none;
|
||||
box-shadow: none;
|
||||
top: -20px !important;
|
||||
}
|
||||
|
||||
.v-caption-red {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.v-caption-green {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.v-caption-blue {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
279
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/common.scss
Executable file
279
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/common.scss
Executable file
@@ -0,0 +1,279 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
@include keyframes(animate-in-scale-up) {
|
||||
0% {
|
||||
|
||||
}
|
||||
}
|
||||
@mixin dashboard-common {
|
||||
.v-ui {
|
||||
|
||||
//View caption style
|
||||
.v-caption-view-content {
|
||||
padding-left: 20px;
|
||||
color: $widget-caption-color;
|
||||
font: $view-caption-font-style;
|
||||
}
|
||||
|
||||
//Menu style
|
||||
.valo-menu {
|
||||
color: $menu-text-color;
|
||||
background-color: $menu-background-color;
|
||||
.v-slot-links {
|
||||
text-align: left;
|
||||
bottom: 0;
|
||||
position: relative;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// View main content.When view content width and height is less than min-width and min-height ,scroll bars are displayed
|
||||
.view-content {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
min-width: 1000px;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
//View background styles
|
||||
.main-content {
|
||||
background-image: $app-background-image,linear-gradient(to bottom,$app-background-image-gradient);
|
||||
background-image: $app-background-image,-webkit-linear-gradient(top,$app-background-image-gradient);
|
||||
background-image: $app-background-image,unquote("linear-gradient(to bottom,")$app-background-image-gradient unquote(")");
|
||||
background-position: bottom;
|
||||
background-repeat: no-repeat;
|
||||
border-left: 0 solid #fff;
|
||||
padding-top: 80px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
//View header style with logo details to be displayed
|
||||
.view-header {
|
||||
border-bottom: $app-header-border-bottom;
|
||||
font-size: 42px;
|
||||
font-weight: bold;
|
||||
height: 10px;
|
||||
line-height: 50px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 15px;
|
||||
padding-top: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: calc(100% - 15px);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.view-header:before {
|
||||
border-bottom: $app-header-border-bottom;
|
||||
font-size: 42px;
|
||||
font-weight: bold;
|
||||
height: 42px;
|
||||
line-height: 50px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 0;
|
||||
padding-top: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: calc(100% - 15px);
|
||||
z-index: 1;
|
||||
}
|
||||
.view-header:after {
|
||||
background: $logo-image no-repeat right top;
|
||||
background-position: right 0 top 8px;
|
||||
content: "";
|
||||
height: 80px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
.v-ui {
|
||||
|
||||
//Menu title background and border style
|
||||
.valo-menu-title {
|
||||
@include valo-gradient($color: $menu-title-bg-color);
|
||||
@include animation(valo-animate-in-slide-right 700ms 700ms backwards);
|
||||
border-bottom-color: $menu-border-color;
|
||||
}
|
||||
}
|
||||
|
||||
//Menu background and border style
|
||||
.valo-menu {
|
||||
@include valo-gradient($color: $valo-menu-background-color);
|
||||
border-bottom-color: $menu-border-color;
|
||||
border-right-color: $menu-border-color;
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
//Menu item - white border is displayed after each menu item
|
||||
.valo-menu-item,
|
||||
.valo-menu-item-selected {
|
||||
border: 0 solid white;
|
||||
border-bottom: 5px solid transparent;
|
||||
border-image: url("../images/lightCorner_top.png") 30 30 stretch;
|
||||
o-border-image: url("../images/lightCorner_top.png") 30 30 stretch;
|
||||
webkit-border-image: url("../images/lightCorner_top.png") 30 30 stretch;
|
||||
}
|
||||
.v-csslayout-valo-menu-item {
|
||||
border: 0 solid white;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
|
||||
.valo-menu-item:focus,
|
||||
.valo-menu-item:hover {
|
||||
color: $menu-hover-color;
|
||||
}
|
||||
.valo-menu-item.selected,
|
||||
.valo-menu-item.selected .v-icon {
|
||||
color: $white-hex-color;
|
||||
}
|
||||
.valo-menu-part .valo-menu-item.selected {
|
||||
background: rgba(0,0,0,0);
|
||||
}
|
||||
.valo-menu-title {
|
||||
line-height: 1.2;
|
||||
}
|
||||
.v-menubar-user-menu:after {
|
||||
display: none;
|
||||
}
|
||||
.v-menubar-user-menu > .v-menubar-menuitem {
|
||||
white-space: normal !important;
|
||||
.v-icon {
|
||||
font-size: 25px;
|
||||
}
|
||||
.v-menubar-menuitem-caption:after {
|
||||
margin-right: -1em;
|
||||
}
|
||||
img.v-icon {
|
||||
@if is-dark-color($valo-menu-background-color) {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-caption {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
//Spacing between grouped widgets
|
||||
.group {
|
||||
.v-spacing {
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Applying responsive menu settings */
|
||||
.v-ui[width-range~="1101px-"] .valo-menu .valo-menuitems .v-icon {
|
||||
font-size: $menu-with-description-font-icon-size;
|
||||
}
|
||||
@mixin valo-menu-responsive() {
|
||||
.v-ui {
|
||||
@include width-range($max: 1100px) {
|
||||
.valo-menu-part {
|
||||
@include valo-menu-large-icons-style($valo-menu-background-color);
|
||||
/* Don't display caption in the range [0-1100px]*/
|
||||
.valo-menu-item [class*="caption"] {
|
||||
display: none;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 0;
|
||||
}
|
||||
.valo-menu-item-selected {
|
||||
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
.valo-menu-item {
|
||||
padding: 8px;
|
||||
}
|
||||
background: none;
|
||||
max-width: 100px;
|
||||
}
|
||||
.links {
|
||||
padding-left: 0;
|
||||
}
|
||||
.v-link {
|
||||
width: 0 !important;
|
||||
}
|
||||
.v-link-v-link span {
|
||||
display: none;
|
||||
}
|
||||
.v-link-v-link span.v-icon {
|
||||
font-size: 16px !important;
|
||||
display: inline;
|
||||
}
|
||||
.v-menubar-user-menu .v-menubar-menuitem-caption {
|
||||
font-size: 0;
|
||||
}
|
||||
.valo-menu-part .valo-menu-title .v-label-undef-w {
|
||||
display: none;
|
||||
}
|
||||
.valo-menu-part .valo-menu-title {
|
||||
padding-top: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.links {
|
||||
.v-link:hover {
|
||||
color: $hawkbit-primary-color-light;
|
||||
}
|
||||
.v-link {
|
||||
padding-right: 15px;
|
||||
color: $menu-text-color;
|
||||
}
|
||||
.v-icon {
|
||||
font-size: $menu-link-icon-with-description-size !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Combo box style
|
||||
.v-filterselect-filter-combo-specific-style {
|
||||
visibility: visible !important;
|
||||
margin-top: 2px !important;
|
||||
margin-left: 2px !important;
|
||||
width: 138px !important;
|
||||
.v-filterselect-button {
|
||||
visibility: visible !important;
|
||||
}
|
||||
}
|
||||
.v-filterselect-suggestpopup {
|
||||
font-size: $v-font-size--tiny;
|
||||
}
|
||||
.widget-header {
|
||||
color: $widget-caption-color;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
//Tabsheet border color customizatio.If not default border is derived from application background color
|
||||
.v-tabsheet-tabcontainer:before,
|
||||
.v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem .v-caption,
|
||||
.v-tabsheet-framed > .v-tabsheet-content {
|
||||
border-color: $tabsheet-border-color;
|
||||
}
|
||||
.v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption:hover {
|
||||
background-color: $tabsheet-tab-caption-bg-hover;
|
||||
}
|
||||
.v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption {
|
||||
background-color: $tabsheet-tab-caption-bg;
|
||||
}
|
||||
.v-tabsheet-tabitemcell .v-caption {
|
||||
color: $tab-sheet-caption-color;
|
||||
}
|
||||
.custom-option-group {
|
||||
font-weight: 400;
|
||||
}
|
||||
.links {
|
||||
padding-left: 22px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
|
||||
$view-padding: round($v-unit-size / 1.5) !default;
|
||||
@mixin dashboard-dashboard-view {
|
||||
.dashboard-view.dashboard-view {
|
||||
padding: 1.4px;
|
||||
overflow: auto;
|
||||
.dashboard-panel-toolbar {
|
||||
padding: 1px 0;
|
||||
height: $v-unit-size + 2px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.dashboard-panels {
|
||||
display: block;
|
||||
height: 100%;
|
||||
margin: 0 round($view-padding / -3);
|
||||
|
||||
//Style of each report widget
|
||||
.card {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.v-menubar-menuitem-icon-only {
|
||||
color: $button-icon-color;
|
||||
}
|
||||
.highcharts-background {
|
||||
fill: $widget-bg;
|
||||
}
|
||||
.highcharts-legend > rect {
|
||||
fill: $widget-bg;
|
||||
}
|
||||
}
|
||||
|
||||
//Each report widget style.Applying padding between the widgets
|
||||
.dashboard-panel-slot {
|
||||
padding-bottom: round($view-padding / 5)*2;
|
||||
padding-left: round($view-padding / 5);
|
||||
padding-right: round($view-padding / 5);
|
||||
padding-top: 0;
|
||||
min-height: 220px;
|
||||
.card {
|
||||
border: 1px solid $widget-border-color;
|
||||
background-color: $widget-bg;
|
||||
}
|
||||
}
|
||||
|
||||
//Maximized report widget style
|
||||
.dashboard-panel-slot.max {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dashboard-view {
|
||||
@include width-range($max: 480px) {
|
||||
padding-left: round($view-padding / 2);
|
||||
padding-right: round($view-padding / 2);
|
||||
}
|
||||
}
|
||||
|
||||
//Information table displayed when report widget is maximized
|
||||
.info-table {
|
||||
margin-right: 20px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
font-size: $v-font-size--small;
|
||||
}
|
||||
|
||||
//Make information table visible when report widget is maximized
|
||||
.info-table-show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
//Report widget caption style
|
||||
.v-caption-report-caption {
|
||||
margin-top: 4px;
|
||||
color: $widget-caption-color;
|
||||
padding-left: 10px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
@mixin drop-hint {
|
||||
|
||||
//Distribution tag table -Drop hint - Dashed border displayed
|
||||
.show-filter-drop-hint {
|
||||
border: 1px dashed $hawkbit-primary-color !important;
|
||||
}
|
||||
|
||||
//Style to display drop hint on tables
|
||||
.show-table-drop-hint {
|
||||
.v-table-body {
|
||||
border-style: dashed !important;
|
||||
border-width: 1px !important;
|
||||
border-color: $hawkbit-primary-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Style for target table header drop hint
|
||||
.show-table-header-drop-hint {
|
||||
.filter-drop-hint-layout {
|
||||
border-style: dashed;
|
||||
border-width: 1px;
|
||||
border-color: $hawkbit-primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
//Border for delete button wrapper.Which will be displayed when deletable components are dragged
|
||||
.delete-button-border {
|
||||
border: 1px dashed transparent;
|
||||
}
|
||||
|
||||
//Target table header - distribution filter text field style
|
||||
.v-slot-filter-drop-hint-layout {
|
||||
line-height: 21px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
@mixin filter-layout-styles {
|
||||
|
||||
//Tag widget header height adjusted to match table header heights
|
||||
.filter-btns-header-layout {
|
||||
padding-bottom: 22px;
|
||||
}
|
||||
|
||||
//Tag layout style
|
||||
.filter-btns-main-layout {
|
||||
background: none repeat scroll 0 0 $widget-bg;
|
||||
border-radius: $v-border-radius;
|
||||
border: 1px solid $widget-border-color;
|
||||
}
|
||||
|
||||
//Tag button - clicked
|
||||
.filter-btn-clicked {
|
||||
color: $tag-button-disabled-grey !important;
|
||||
}
|
||||
|
||||
//Tag table - additional style
|
||||
.type-button-layout {
|
||||
background: $widget-bg;
|
||||
border-top: 1px solid $widget-border-color;
|
||||
|
||||
.v-table-table {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Tag button wrapper style
|
||||
.filter-btn-wrapper {
|
||||
width: 118px !important;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.simple-tag-filter-header{
|
||||
background: $widget-bg;
|
||||
}
|
||||
|
||||
.no-border-top{
|
||||
border-top: none !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
@mixin filter-status {
|
||||
|
||||
//Target status filter button colors
|
||||
$unknown-color: $status-unknown-color;
|
||||
$in-sync-color: $signal-green-color;
|
||||
$pending-color: $signal-yellow-color;
|
||||
$error-color: $signal-red-color;
|
||||
$registered-color: $bosch-color-light-blue;
|
||||
|
||||
//Filter by status buttons group alignment
|
||||
.target-status-filters {
|
||||
@include space-btwn-tag-buttons;
|
||||
margin-top: 6px;
|
||||
overflow: auto !important;
|
||||
border-top: 1px solid $widget-border-color;
|
||||
}
|
||||
|
||||
.status-button-layout {
|
||||
height: 40px !important;
|
||||
}
|
||||
|
||||
//Filter Button applied with below styles based on the color
|
||||
.unknownBtn {
|
||||
background: $unknown-color;
|
||||
border: solid 3px $unknown-color;
|
||||
}
|
||||
|
||||
.unknownBtn:focus:after,
|
||||
.unknownBtn:active:after {
|
||||
border-color: $unknown-color;
|
||||
}
|
||||
|
||||
.inSynchBtn {
|
||||
background: $in-sync-color;
|
||||
border: solid 3px $in-sync-color;
|
||||
}
|
||||
|
||||
.inSynchBtn:focus:after,
|
||||
.inSynchBtn:active:after {
|
||||
border-color: $in-sync-color;
|
||||
}
|
||||
|
||||
.pendingBtn {
|
||||
background: $pending-color;
|
||||
border: solid 3px $pending-color;
|
||||
}
|
||||
|
||||
.pendingBtn:focus:after,
|
||||
.pendingBtn:active:after {
|
||||
border-color: $pending-color;
|
||||
}
|
||||
|
||||
.errorBtn {
|
||||
background: $error-color;
|
||||
border: solid 3px $error-color;
|
||||
}
|
||||
|
||||
.errorBtn:focus:after,
|
||||
.errorBtn:active:after {
|
||||
border-color: $error-color;
|
||||
}
|
||||
|
||||
.registeredBtn {
|
||||
background: $registered-color;
|
||||
border: solid 3px $registered-color;
|
||||
}
|
||||
|
||||
.registeredBtn:focus:after,
|
||||
.registeredBtn:active:after {
|
||||
border-color: $registered-color;
|
||||
}
|
||||
|
||||
.btnClicked {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
//Generic style applied to all target status filter buttons
|
||||
.targetStatusBtn {
|
||||
width: 21px !important;
|
||||
height: 21px !important;
|
||||
box-shadow: 0;
|
||||
color: transparent;
|
||||
margin: 2px;
|
||||
transition: background-color .5s ease;
|
||||
}
|
||||
|
||||
.targetStatusBtn:focus:after,
|
||||
.targetStatusBtn:active:after {
|
||||
background-image: none;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,91 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
|
||||
@mixin footer-common {
|
||||
|
||||
//Footer drop to delete layout - icon style
|
||||
.delete-icon {
|
||||
.v-icon {
|
||||
color: $signal-red-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Style applied on all buttons of footer layout.Width and height of buttons can be configured
|
||||
.action-button {
|
||||
@include valo-gradient($color: $footer-button-background-color);
|
||||
background-image: none;
|
||||
border: 1px solid $widget-border-color;
|
||||
color: $footer-button-color;
|
||||
font-weight: $footer-button-font-weight;
|
||||
|
||||
.v-icon {
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
|
||||
width: round($action-button-width-scale * $v-unit-size);
|
||||
height: round($action-button-height-scale * $v-unit-size) !important;
|
||||
font-size: $v-font-size--small !important;
|
||||
}
|
||||
|
||||
.action-button:focus:after {
|
||||
border: 1px solid $footer-button-background-color;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.action-button:before {
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
//Upload button style
|
||||
.action-button .v-button {
|
||||
width: round($action-button-width-scale * $v-unit-size);
|
||||
height: round($action-button-height-scale * $v-unit-size) !important;
|
||||
font-size: $v-font-size--small !important;
|
||||
}
|
||||
|
||||
.v-upload .v-button {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
//Width of 'drop to delete' layout and 'no actions' button
|
||||
.del-action-button {
|
||||
width: round($delete-action-button-width-scale * $v-unit-size);
|
||||
}
|
||||
|
||||
//Drop to delete layout style
|
||||
.drop-to-delete-button {
|
||||
background: $widget-bg !important;
|
||||
background-image: none !important;
|
||||
cursor: auto !important;
|
||||
|
||||
.v-pressed:after {
|
||||
background: none repeat scroll 0 0 transparent !important;
|
||||
border-color: #ffffff !important;
|
||||
box-shadow: none !important;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.drop-to-delete-button:hover {
|
||||
background: $widget-bg !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
.drop-to-delete-button:hover:after,
|
||||
.drop-to-delete-button:focus:after {
|
||||
background: none repeat scroll 0 0 transparent !important;
|
||||
border-color: $widget-border-color !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.drop-to-delete-button:active {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
|
||||
$generic-text-font-size: $generic-text-font-scale * $v-font-size;
|
||||
|
||||
@mixin button-icon-size {
|
||||
height: 15px !important;
|
||||
width: 15px !important;
|
||||
}
|
||||
|
||||
@mixin space-btwn-tag-buttons {
|
||||
.v-spacing {
|
||||
width: 12px;
|
||||
height: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin sp-icon-style($sp-button-icon-color: $button-icon-color, $sp-button-size : $icon-font-size) {
|
||||
height: 15px !important;
|
||||
width: 15px !important;
|
||||
color: $sp-button-icon-color;
|
||||
font-size: $sp-button-size;
|
||||
}
|
||||
|
||||
@mixin generic-styles {
|
||||
|
||||
//Generic text style used in table details,search text style ,combo text style etc
|
||||
.text-style {
|
||||
font: 300 $generic-text-font-size $app-font-family !important;
|
||||
}
|
||||
|
||||
//Report widget max icon style
|
||||
.icon-only {
|
||||
@include sp-icon-style($sp-button-size : $icon-font-size);
|
||||
margin-bottom: 12px !important;
|
||||
margin-right: 6px !important;
|
||||
}
|
||||
|
||||
.icon-only:focus:after {
|
||||
border-color: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
//Buttons with no border
|
||||
.button-no-border:focus:after {
|
||||
border-color: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
//Custom text are height
|
||||
.text-area-style {
|
||||
height: 75px !important;
|
||||
}
|
||||
|
||||
//Style to highlight the textfield on any validation error
|
||||
.textfield-error {
|
||||
color: $red-color;
|
||||
}
|
||||
|
||||
//Style to highlight the combobox on any validation error
|
||||
.v-filterselect-combobox-error .v-filterselect-input {
|
||||
border-color: $red-color !important;
|
||||
}
|
||||
|
||||
.v-table-row-drag-top td:first-child:before,
|
||||
.v-table-row-drag-bottom td:first-child:after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.v-table-drag .v-table-body {
|
||||
box-shadow: none;
|
||||
border: 1px solid $widget-border-color;
|
||||
}
|
||||
|
||||
//label to adjust to the layout size and show ellipses on text overflow
|
||||
.label-style {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
-icab-text-overflow: ellipsis;
|
||||
-khtml-text-overflow: ellipsis;
|
||||
-moz-text-overflow: ellipsis;
|
||||
-webkit-text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.v-panel,
|
||||
.v-textfield {
|
||||
background: $widget-bg;
|
||||
}
|
||||
|
||||
.v-table,
|
||||
.v-table-table {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.rootLayout {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,129 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
//Standard colors
|
||||
$hawkbit-primary-color: #551f62;
|
||||
$hawkbit-primary-color-light: #551f62;
|
||||
|
||||
//Application text font size.All widget text style are computed based on this
|
||||
$app-text-font-size: 16px;
|
||||
|
||||
//Base font family for all text in the theme
|
||||
$app-font-family: "Open Sans", sans-serif;
|
||||
|
||||
//Background color of the application.Used for calculating other component background colors
|
||||
$app-background-color: #fafafa;
|
||||
|
||||
//Font color for individual selection overlay list items
|
||||
$app-selection-item-selection-color: #551f62;
|
||||
|
||||
//Color of the focus outline/border for focusable elements
|
||||
$app-focus-color: #551f62;
|
||||
|
||||
//Color for any selection highlights in the application
|
||||
$app-selection-color: #551f62;
|
||||
|
||||
//Tag button caption color
|
||||
$tag-text-color: #551f62;
|
||||
|
||||
//Tabsheet tab caption color
|
||||
$tab-sheet-caption-color: #551f62;
|
||||
|
||||
//Table details widget text color
|
||||
$table-details-tab-font-color: #551f62;
|
||||
|
||||
//All widgets background
|
||||
$widget-bg: #fff;
|
||||
|
||||
//Widget border color
|
||||
$widget-border-color: #d4d4d4;
|
||||
|
||||
//Widget header caption color
|
||||
$widget-caption-color: #551f62;
|
||||
|
||||
//Text color of menu items and links in menu
|
||||
$menu-text-color: #a5a5a5;
|
||||
|
||||
//Menu background color
|
||||
$valo-menu-background-color: #4b4b4b;
|
||||
|
||||
//Size of menu icon when icon is displayed with menu description
|
||||
$menu-with-description-font-icon-size: 14px;
|
||||
|
||||
//Menu title background color
|
||||
$menu-title-bg-color: #551f62;
|
||||
|
||||
//Color of icons like add ,config,search etc
|
||||
$button-icon-color: #551f62;
|
||||
|
||||
//Footer button background color
|
||||
$footer-button-background-color: #fff;
|
||||
|
||||
//Color of assigned distribution,when target is selected
|
||||
$installed-row-color: $lighter-orange-color;
|
||||
|
||||
//Color of installed distribution,when target is selected
|
||||
$assigned-row-color: $dark-green-color;
|
||||
|
||||
// Background color of accordion caption in confirmation popup
|
||||
$accordion-action-history-title-color: #551f62;
|
||||
|
||||
//Success icon color on valid target filter query
|
||||
$success-icon-color: #ff0000;
|
||||
|
||||
//Error icon color on invalid target filter query
|
||||
$error-icon-color: #008000;
|
||||
|
||||
|
||||
//Font style of view caption
|
||||
$view-caption-font-style: 400 1.6em "Open Sans", sans-serif;
|
||||
|
||||
//Footer button width scale
|
||||
$action-button-width-scale: 3;
|
||||
|
||||
//Footer button height scale
|
||||
$action-button-height-scale:1.2;
|
||||
|
||||
//Delete button width scale
|
||||
$delete-action-button-width-scale:4.8;
|
||||
|
||||
//Detail tab - font scale
|
||||
$details-tab-font-scale: 1;
|
||||
|
||||
//Detail tab caption - font scale
|
||||
$details-tab-caption-font-scale: .8;
|
||||
|
||||
//Generic text style
|
||||
$generic-text-font-scale: .85;
|
||||
|
||||
$status-unknown-color: #3085cb;
|
||||
$signal-green-color: #6eb553;
|
||||
$signal-yellow-color: #ff0;
|
||||
$signal-red-color: #f00;
|
||||
$signal-orange-color: #ffa500;
|
||||
|
||||
$grey-light: #d5d5d5;
|
||||
$black-color: #000;
|
||||
$grey-color: #808080;
|
||||
$red-color: #f00;
|
||||
$green-color: #6eb553;
|
||||
$blue-color: #3085cb;
|
||||
|
||||
$dark-green-color: #3dbc1a;
|
||||
$lighter-green-color: #00923a;
|
||||
$lighter-orange-color: #fe902a;
|
||||
$lighter-grey-color: #dbd7b6;
|
||||
$light-grey: #ccc;
|
||||
|
||||
$info-message-color-grey: #b8b8b8;
|
||||
$discard-icon-color: #f7171f;
|
||||
$disabled-row-color-grey: #c8c8c8;
|
||||
$white-hex-color: #fff;
|
||||
$tag-border-green-color: #2c9720;
|
||||
$tag-button-disabled-grey:#c0c0c0;
|
||||
$twin-table-border-grey:#888;
|
||||
109
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/login.scss
Executable file
109
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/login.scss
Executable file
@@ -0,0 +1,109 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
|
||||
@mixin login {
|
||||
.login-button {
|
||||
border-color: $white-hex-color;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.login-textfield {
|
||||
height: 38px;
|
||||
color: #474747 !important;
|
||||
}
|
||||
|
||||
//Load indicator color-progress bar
|
||||
.v-loading-indicator {
|
||||
background-color: $load-indicator-color;
|
||||
}
|
||||
|
||||
//Login page styles
|
||||
.login-panel {
|
||||
padding: 0;
|
||||
min-width: $v-font-size * 13;
|
||||
max-width: 90%;
|
||||
@include animation(valo-animate-in-slide-up 1000ms 10ms backwards, valo-animate-in-fade 800ms 100ms backwards);
|
||||
border: 0;
|
||||
background: transparent;
|
||||
|
||||
> .v-spacing {
|
||||
height: round($v-unit-size / 2);
|
||||
}
|
||||
|
||||
.v-slot-links {
|
||||
text-align: center;
|
||||
|
||||
.v-button {
|
||||
color: $hawkbit-primary-color;
|
||||
background: none;
|
||||
height: 1.2em;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
font-weight: 300;
|
||||
font-size: 100%;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.v-button:hover {
|
||||
color: $hawkbit-primary-color-light;
|
||||
}
|
||||
|
||||
.v-pressed:after {
|
||||
background: transparent;
|
||||
border: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.labels {
|
||||
display: block;
|
||||
|
||||
.h4 {
|
||||
margin: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.h3 {
|
||||
margin: 0;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.fields .v-icon {
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
.v-textfield-uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@include width-range($min: 0, $max: $v-unit-size * 14) {
|
||||
.labels .h3 {
|
||||
float: none;
|
||||
display: block;
|
||||
margin-top: .2em;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.fields {
|
||||
display: block;
|
||||
|
||||
.v-slot {
|
||||
display: block;
|
||||
|
||||
.v-widget {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
216
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/others.scss
Executable file
216
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/others.scss
Executable file
@@ -0,0 +1,216 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
@mixin others {
|
||||
|
||||
//Style to display the pending action count
|
||||
.unread {
|
||||
@include valo-badge-style;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
display: block;
|
||||
top: round($v-unit-size / -5);
|
||||
right: round($v-unit-size / -5);
|
||||
z-index: 1;
|
||||
border-radius: $v-border-radius;
|
||||
color: $widget-bg;
|
||||
}
|
||||
|
||||
//Deployment view - Style of count message
|
||||
.v-caption-count-msg-box {
|
||||
text-align: center;
|
||||
color: $info-message-color-grey;
|
||||
font-weight: bold;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
//*Deployment view -Assigned and installed message*
|
||||
.count-msg-box {
|
||||
padding-left: 10px;
|
||||
padding-top: 3px;
|
||||
text-align: center;
|
||||
color: $info-message-color-grey;
|
||||
font-weight: italic;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
//Deployment view information message - Color of assigned count
|
||||
.assigned-count-message {
|
||||
color: $installed-row-color;
|
||||
}
|
||||
|
||||
//Deployment view information message - Color of installed count
|
||||
.installed-count-message {
|
||||
color: $assigned-row-color;
|
||||
}
|
||||
|
||||
//Create distribution twin table - Check box style
|
||||
.dist-checkbox-style {
|
||||
margin-left: 1px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
//Version displayed at bottom of menu *
|
||||
.version-layout {
|
||||
font-size: .8em !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
//Pin style - when pinned and when row is not selected
|
||||
tr:not(.v-selected) .v-button-targetPinned:after {
|
||||
content: '\f08d';
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
|
||||
//Pin style - when pinned and when row is selected
|
||||
tr.v-selected .v-button-targetPinned:after {
|
||||
content: '\f08d';
|
||||
color: $widget-bg;
|
||||
}
|
||||
|
||||
//Pin style - when hovered on pin and when row is not selected
|
||||
tr:not(.v-selected) .v-button-targetStatusPinToggle:hover:after {
|
||||
background-color: $hawkbit-primary-color;
|
||||
color: $widget-bg !important;
|
||||
}
|
||||
|
||||
//Pin style - when hovered on pin and when row is selected
|
||||
tr.v-selected .v-button-targetStatusPinToggle:hover:after {
|
||||
background-color: $widget-bg;
|
||||
color: $hawkbit-primary-color !important;
|
||||
}
|
||||
|
||||
.icon-only {
|
||||
margin-bottom: 6px !important;
|
||||
}
|
||||
|
||||
//Toggle between pin and status icon
|
||||
.v-button-targetStatusPinToggle:after {
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
|
||||
.statusIconRed {
|
||||
color: $signal-red-color;
|
||||
}
|
||||
|
||||
.v-button-statusIconRed:after {
|
||||
content: "\f06a";
|
||||
}
|
||||
|
||||
tr:not(.v-selected):hover .v-button-statusIconRed:after {
|
||||
content: "\f08d";
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
|
||||
tr.v-selected:hover .v-button-statusIconRed:after {
|
||||
content: "\f08d";
|
||||
color: $widget-bg;
|
||||
}
|
||||
|
||||
.statusIconBlue {
|
||||
color: $status-unknown-color;
|
||||
}
|
||||
|
||||
.v-button-statusIconBlue:after {
|
||||
content: "\f059";
|
||||
}
|
||||
|
||||
tr:not(.v-selected):hover .v-button-statusIconBlue:after {
|
||||
content: "\f08d";
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
|
||||
tr.v-selected:hover .v-button-statusIconBlue:after {
|
||||
content: "\f08d";
|
||||
color: $widget-bg;
|
||||
}
|
||||
|
||||
.statusIconYellow {
|
||||
color: $signal-yellow-color;
|
||||
}
|
||||
|
||||
.v-button-statusIconYellow:after {
|
||||
content: "\f042";
|
||||
}
|
||||
|
||||
tr:not(.v-selected):hover .v-button-statusIconYellow:after {
|
||||
content: "\f08d";
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
|
||||
tr.v-selected:hover .v-button-statusIconYellow:after {
|
||||
content: "\f08d";
|
||||
color: $widget-bg;
|
||||
}
|
||||
|
||||
.statusIconGreen {
|
||||
color: $signal-green-color;
|
||||
}
|
||||
|
||||
.v-button-statusIconGreen:after {
|
||||
content: "\f058";
|
||||
}
|
||||
|
||||
tr:not(.v-selected):hover .v-button-statusIconGreen:after {
|
||||
content: "\f08d";
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
|
||||
tr.v-selected:hover .v-button-statusIconGreen:after {
|
||||
content: "\f08d";
|
||||
color: $widget-bg;
|
||||
}
|
||||
|
||||
.statusIconLightBlue {
|
||||
color: $bosch-color-light-blue;
|
||||
}
|
||||
|
||||
.v-button-statusIconLightBlue:after {
|
||||
content: "\f192";
|
||||
}
|
||||
|
||||
tr:not(.v-selected):hover .v-button-statusIconLightBlue:after {
|
||||
content: "\f08d";
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
|
||||
tr.v-selected:hover .v-button-statusIconLightBlue:after {
|
||||
content: "\f08d";
|
||||
color: $widget-bg;
|
||||
}
|
||||
|
||||
.statusIconPending {
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
|
||||
.statusIconActive {
|
||||
@include valo-spinner($size:16px,$speed:1200ms);
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
|
||||
.statusIconNeutral {
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
|
||||
// Disabled row style when distribution is incomplete
|
||||
.v-table-row-incomplete-distribution {
|
||||
color: $disabled-row-color-grey !important;
|
||||
}
|
||||
|
||||
.v-link {
|
||||
text-decoration: none;
|
||||
padding-right: 10px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.v-tooltip{
|
||||
max-width:43em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
@mixin popup-common {
|
||||
|
||||
//Color picker layout position adjustment
|
||||
.rgb-vertical-layout {
|
||||
margin-top: 100px !important;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
//Discard icon in create/update popup
|
||||
.discard-button-style {
|
||||
margin-right: -2px !important;
|
||||
width: 18px !important;
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
//name ,key text field in create/update popup *
|
||||
.target-tag-name,
|
||||
.distribution-tag-name,
|
||||
.dist-set-type-name,
|
||||
.dist-set-type-key,
|
||||
.type-name,
|
||||
.type-key {
|
||||
margin-left: 2px !important;
|
||||
width: 138px;
|
||||
border: 3px solid $lighter-green-color !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
//Description field in create/update popup *
|
||||
.target-tag-desc,
|
||||
.distribution-tag-desc,
|
||||
.dist-set-type-desc,
|
||||
.type-desc {
|
||||
margin-top: 4px !important;
|
||||
margin-left: 2px !important;
|
||||
width: 138px;
|
||||
border: 3px solid $lighter-green-color !important;
|
||||
box-shadow: none !important;
|
||||
height: 75px !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,164 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
|
||||
@mixin sp-button-icon-only {
|
||||
background: transparent;
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
color: $button-icon-color;
|
||||
}
|
||||
|
||||
@mixin sp-button-icon-only-href {
|
||||
color: $button-icon-color;
|
||||
filter: none;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@mixin popup-shadow {
|
||||
box-shadow: $popup-box-shadow;
|
||||
}
|
||||
|
||||
// Global Pop Window Definitions
|
||||
@mixin popup-window {
|
||||
.v-window-header {
|
||||
color: $widget-caption-color;
|
||||
font-weight: 500;
|
||||
font-size: $header-caption-font-size;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.v-window-contents {
|
||||
padding-left: 10px !important;
|
||||
padding-right: 10px !important;
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.v-window-outerheader:after {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.confirmation-window {
|
||||
.v-window-header {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.v-window {
|
||||
@include popup-shadow;
|
||||
border-radius: $v-border-radius;
|
||||
}
|
||||
|
||||
.v-window-closebox,
|
||||
.v-window-maximizebox,
|
||||
.v-window-restorebox {
|
||||
@include sp-button-icon-only;
|
||||
}
|
||||
|
||||
//Display expand icon instead of default plus icon
|
||||
.v-window-maximizebox:before {
|
||||
content: "\f065";
|
||||
}
|
||||
|
||||
//Display compress icon instead of default minus icon
|
||||
.v-window-restorebox:before {
|
||||
content: "\f066";
|
||||
}
|
||||
|
||||
//Display times(cross) icon as popup close icon
|
||||
.v-window-closebox:before {
|
||||
content: "\f00d";
|
||||
}
|
||||
|
||||
.v-window-restorebox:hover,
|
||||
.v-window-closebox:hover {
|
||||
@include sp-button-icon-only-href;
|
||||
}
|
||||
|
||||
///force,soft,time forced radio button styles - start**
|
||||
.dist-window-actiontype-horz-layout {
|
||||
padding-bottom: 15px;
|
||||
|
||||
.dist-window-forcedtime {
|
||||
width: 185px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.v-expand,
|
||||
.v-slot {
|
||||
vertical-align: middle;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.v-slot {
|
||||
vertical-align: middle;
|
||||
padding-left: 8px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.v-caption {
|
||||
vertical-align: middle;
|
||||
margin-top: 0;
|
||||
font-size: 12px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.v-radiobutton {
|
||||
padding-right: 0 !important;
|
||||
margin-right: -15px !important;
|
||||
}
|
||||
|
||||
.v-icon {
|
||||
color: $hawkbit-primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
.v-caption-padding-right-style {
|
||||
padding-right: 25px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
//force,soft,time forced radio button styles - end
|
||||
//Target update window specific style, since the label '*Mandatory Field' is
|
||||
// removed, as controller id is read only********** */
|
||||
.target-update-window {
|
||||
padding: 0 16px 0 0;
|
||||
}
|
||||
|
||||
.margin-top-style {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
//confimation dialogue popup - Content margin adjustment
|
||||
.confirmbox-question-label {
|
||||
margin: 0 8px 8px;
|
||||
}
|
||||
|
||||
.bulk-upload-button{
|
||||
font-size: $v-font-size--small;
|
||||
height: 38px !important;
|
||||
}
|
||||
|
||||
.bulk-target-tags-layout{
|
||||
border-left: 1px solid #bfc3c8;
|
||||
border-right: 1px solid #bfc3c8;
|
||||
border-bottom: 1px solid #bfc3c8;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.bulk-upload-ds-combo{
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
|
||||
.v-slot-bulk-upload-label{
|
||||
line-height:0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
|
||||
//View system config styles
|
||||
@mixin systemconfig {
|
||||
.tenantconfig-root {
|
||||
background-color: $widget-bg;
|
||||
border: 1px solid $widget-border-color;
|
||||
|
||||
.config-panel {
|
||||
border: 1px solid $widget-border-color;
|
||||
box-shadow: none;
|
||||
font-weight: 500;
|
||||
|
||||
.v-verticallayout {
|
||||
padding-left: 10px;
|
||||
padding-right: 5px;
|
||||
padding-top: 5px;
|
||||
|
||||
.v-verticallayout {
|
||||
padding-left: 0 !Important;
|
||||
padding-right: 0 !Important;
|
||||
padding-top: 0 !Important;
|
||||
}
|
||||
}
|
||||
|
||||
.config-panel-header {
|
||||
color: $hawkbit-primary-color;
|
||||
padding-bottom: 10px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.v-slot .v-link .v-icon {
|
||||
position: absolute;
|
||||
right: 13px;
|
||||
bottom: 13px;
|
||||
color: $button-icon-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,184 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
|
||||
@mixin table-common {
|
||||
|
||||
//Table common style
|
||||
.sp-table {
|
||||
|
||||
//Table header background color and fonts
|
||||
.v-table-focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.v-table-table {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.v-table-body {
|
||||
background-color: $widget-bg;
|
||||
overflow-y: auto !important;
|
||||
z-index: 0 !important;
|
||||
border: 1px solid $widget-border-color;
|
||||
}
|
||||
|
||||
.v-table-header-wrap,
|
||||
.v-table-header-drag {
|
||||
border-top: 1px solid $widget-border-color !important;
|
||||
}
|
||||
|
||||
.v-table-resizer {
|
||||
height: 37px !important;
|
||||
margin-left: -8px !important;
|
||||
}
|
||||
|
||||
.v-table-cell-content {
|
||||
overflow: visible;
|
||||
padding-left: 6px !important;
|
||||
padding-right: 6px !important;
|
||||
}
|
||||
|
||||
//Below style wraps the text and displays ellipses when the text length is more the column width
|
||||
.v-table-cell-wrapper {
|
||||
line-height: 1.5;
|
||||
cursor: move;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
-icab-text-overflow: ellipsis;
|
||||
-khtml-text-overflow: ellipsis;
|
||||
-moz-text-overflow: ellipsis;
|
||||
-webkit-text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
//Table row icon color when row is selected
|
||||
tr.v-selected {
|
||||
|
||||
.sp-table .v-icon {
|
||||
color: $widget-bg;
|
||||
}
|
||||
|
||||
.tablePin .v-icon {
|
||||
color: $widget-bg;
|
||||
}
|
||||
}
|
||||
|
||||
//Table row icon color when on hover of row
|
||||
tr.v-selected:hover {
|
||||
.tablePin .v-icon {
|
||||
color: $hawkbit-primary-color !important;
|
||||
}
|
||||
|
||||
.pin-icon {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
//Icon in software table in distribution view
|
||||
.swm-artifact-dtls-icon {
|
||||
visibility: visible;
|
||||
color: $widget-bg !important;
|
||||
}
|
||||
|
||||
div.pin-icon:hover {
|
||||
background-color: $widget-bg !important;
|
||||
color: $hawkbit-primary-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Icon style - on over of unselected row
|
||||
tr:hover {
|
||||
.pin-icon {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.swm-artifact-dtls-icon {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
.v-table-row.v-table-row-highlight-white,
|
||||
.v-table-row-odd.v-table-row-highlight-white {
|
||||
background-color: $widget-bg;
|
||||
}
|
||||
|
||||
//Row color - installed
|
||||
.v-table-row.v-table-row-highlight-orange,
|
||||
.v-table-row-odd.v-table-row-highlight-orange {
|
||||
@include valo-gradient($installed-row-color);
|
||||
}
|
||||
|
||||
//Row color - assigned
|
||||
.v-table-row.v-table-row-highlight-green,
|
||||
.v-table-row-odd.v-table-row-highlight-green {
|
||||
@include valo-gradient($assigned-row-color);
|
||||
}
|
||||
}
|
||||
|
||||
.table-layout {
|
||||
background: $widget-bg;
|
||||
border-radius: $v-border-radius;
|
||||
}
|
||||
|
||||
//Layout - with no bottom border
|
||||
.no-border-bottom {
|
||||
border-bottom: none !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
}
|
||||
|
||||
.bordered-layout {
|
||||
border: 1px solid $widget-border-color;
|
||||
border-radius: $v-border-radius;
|
||||
}
|
||||
|
||||
//Table details - tab
|
||||
.details-tab {
|
||||
margin: 5px !important;
|
||||
color: $table-details-tab-font-color !important;
|
||||
|
||||
.v-caption {
|
||||
font-size: $v-font-size * $details-tab-caption-font-scale !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Layout in table details tab
|
||||
.details-layout {
|
||||
height: 116px !important;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
//*Software module table in distribution details tab*
|
||||
.sw-module-table {
|
||||
.v-table-header-wrap,
|
||||
.v-table-header-drag {
|
||||
background-color: transparent !important;
|
||||
background-image: none;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.v-table-cell-content {
|
||||
height: 27px;
|
||||
}
|
||||
}
|
||||
|
||||
//Details - Module tab - assigned software module name style before saving
|
||||
.assignlabelstyle {
|
||||
font-style: italic !important;
|
||||
}
|
||||
|
||||
//Distribution view- software module table - icon
|
||||
.swm-artifact-dtls-icon {
|
||||
visibility: hidden;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,145 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
|
||||
@mixin table-content {
|
||||
$color3: $dark-green-color;
|
||||
$color5: $lighter-orange-color;
|
||||
|
||||
//*Text field in target table header that appears when targets are filtered with DS**
|
||||
.target-dist-filter-info {
|
||||
height: 19px;
|
||||
border-radius: $v-border-radius;
|
||||
border-style: dashed;
|
||||
border-width: 1px;
|
||||
color: $hawkbit-primary-color;
|
||||
background-color: $lighter-grey-color;
|
||||
margin-top: 1px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.target-dist-filter-info:empty {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
//Start details icon and pin icon styles
|
||||
.pin-icon {
|
||||
visibility: hidden;
|
||||
float: right;
|
||||
@include button-icon-size;
|
||||
}
|
||||
|
||||
div.pin-icon:hover {
|
||||
background-color: $hawkbit-primary-color;
|
||||
color: $widget-bg;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tr.v-selected .v-button-distributionPin {
|
||||
color: $widget-bg;
|
||||
}
|
||||
|
||||
.distributionPin {
|
||||
line-height: 15px;
|
||||
background-color: none;
|
||||
margin-bottom: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
padding: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.distributionPin:focus:after {
|
||||
border-color: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.distributionPin:active:after {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.pin-icon-red {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.redicon .v-icon {
|
||||
color: $discard-icon-color;
|
||||
}
|
||||
|
||||
//Show text with ellipses if the length grows beyond the label/layout width
|
||||
#desc-length {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
#desciption-p {
|
||||
display: inline;
|
||||
white-space: nowrap;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
//Distribution add/update window style
|
||||
.dist-buttons-horz-layout {
|
||||
height: 30px !important;
|
||||
margin-top: -10px !important;
|
||||
}
|
||||
|
||||
//*Table details - Tag tab - Tag button styles*
|
||||
.tokentextfield .v-filterselect {
|
||||
font-size: 12px;
|
||||
height: 28px;
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
background: none !important;
|
||||
}
|
||||
.tokenfield .v-button-link {
|
||||
text-decoration: none;
|
||||
margin: 4px !important;
|
||||
background-color: $widget-border-color !important;
|
||||
}
|
||||
|
||||
.v-customcomponent-tokenfield {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.tokenfield .v-button-link .v-button-caption {
|
||||
color: $table-details-tab-font-color !important;
|
||||
}
|
||||
|
||||
//Tokenfield combo style adjusted.combo should look like a text field where user can search by typing
|
||||
.hideTokenFieldcombo {
|
||||
.v-filterselect {
|
||||
visibility: hidden !important;
|
||||
height: 0 !important;
|
||||
margin: 0 !important;
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Table details - Security token
|
||||
.targetDtls-securityToken {
|
||||
background: none repeat scroll 0 0 transparent !important;
|
||||
padding-left: 2px !important;
|
||||
height: 20px !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
//Create/update popup footer button layout style
|
||||
.window-style {
|
||||
margin-bottom: 4px !important;
|
||||
}
|
||||
|
||||
//Table details style
|
||||
.widget-style {
|
||||
background: $widget-bg;
|
||||
border-radius: $v-border-radius;
|
||||
line-height: 21px;
|
||||
border: 1px solid $widget-border-color;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
@mixin table-header-common {
|
||||
|
||||
//Table header - filter text field style
|
||||
.filter-box {
|
||||
height: 21px !important;
|
||||
transition: width .5s ease-in-out;
|
||||
float: right;
|
||||
border-radius: $v-border-radius;
|
||||
}
|
||||
|
||||
.filter-box:focus:after {
|
||||
box-shadow: none !important;
|
||||
border-radius: $v-border-radius !important;
|
||||
}
|
||||
|
||||
.filter-box-hide {
|
||||
width: 0 !important;
|
||||
padding: 0 !important;
|
||||
border-width: 0 !important;
|
||||
}
|
||||
|
||||
//Search rest icon color
|
||||
.filter-reset-icon {
|
||||
color: $red-color;
|
||||
}
|
||||
}
|
||||
134
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/table.scss
Executable file
134
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/table.scss
Executable file
@@ -0,0 +1,134 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
@import "table-content.scss";
|
||||
|
||||
@mixin sp-drag-image {
|
||||
background: $v-selection-color;
|
||||
background-image: none;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
@mixin count-sp-drag-image {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 20px;
|
||||
margin-top: -34px;
|
||||
background: $red-color;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
&[style*="hidden"] {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@mixin table {
|
||||
@include table-content;
|
||||
$color5: $lighter-orange-color;
|
||||
$color3: $dark-green-color;
|
||||
|
||||
//Custom styles for drag and drop image for targets and distributions
|
||||
// For target table
|
||||
tbody.v-drag-element {
|
||||
margin-top: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
|
||||
tr:not(.v-table-focus) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tr.v-table-focus {
|
||||
@include valo-selection-item-selected-style;
|
||||
@include sp-drag-image;
|
||||
}
|
||||
|
||||
tr {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
tr td:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tr td.v-table-cell-content:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tr:after {
|
||||
@include count-sp-drag-image;
|
||||
}
|
||||
}
|
||||
|
||||
.v-table-row-drag-top td.v-table-cell-content {
|
||||
border-top: 1px solid $widget-border-color;
|
||||
}
|
||||
|
||||
//disable table drag hint
|
||||
.v-table-row-drag-bottom td.v-table-cell-content {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
// For table and drag without selection
|
||||
tr.v-drag-element {
|
||||
overflow: visible !important;
|
||||
|
||||
td:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:after {
|
||||
@include count-sp-drag-image;
|
||||
right: -10px;
|
||||
}
|
||||
|
||||
&.v-table-focus {
|
||||
@include valo-selection-item-selected-style;
|
||||
@include sp-drag-image;
|
||||
}
|
||||
}
|
||||
|
||||
// For table in IE
|
||||
table.v-drag-element {
|
||||
background: none;
|
||||
margin-top: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
overflow: visible !important;
|
||||
|
||||
tr:not(.v-table-focus) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tr.v-table-focus {
|
||||
@include valo-selection-item-selected-style;
|
||||
@include sp-drag-image;
|
||||
color: $widget-bg;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
td:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tr td:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tr td.v-table-cell-content:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:after {
|
||||
@include count-sp-drag-image;
|
||||
right: -10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
73
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/tags.scss
Executable file
73
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/tags.scss
Executable file
@@ -0,0 +1,73 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder
|
||||
@mixin tags {
|
||||
|
||||
//Tag button style
|
||||
.button-tag-no-border {
|
||||
color: $tag-text-color !important;
|
||||
}
|
||||
|
||||
.target-tag-clicked,
|
||||
.distribution-tag-clicked,
|
||||
.upload-type-clicked,
|
||||
.distribution-set-type-clicked {
|
||||
color: $tag-button-disabled-grey !important;
|
||||
}
|
||||
|
||||
//Create distribution type popup - twin table style**/
|
||||
.dist_type_twin-table {
|
||||
margin-top: 2px;
|
||||
border: 1px solid $twin-table-border-grey;
|
||||
|
||||
.v-table-cell-wrapper {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.v-table-header {
|
||||
border-color: none !important;
|
||||
background-color: $white-hex-color !important;
|
||||
padding-left: 10px;
|
||||
font-weight: 500;
|
||||
color: $widget-caption-color;
|
||||
}
|
||||
|
||||
.v-checkbox > input ~ label:before {
|
||||
border: 1px solid $twin-table-border-grey;
|
||||
}
|
||||
|
||||
.v-table-focus {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.v-table-table {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
//Distribution type create/update popup - color picker layout position adjustment
|
||||
.color-picker-layout-ds-type {
|
||||
margin-left: 90px;
|
||||
}
|
||||
|
||||
//Distribution type create/update popup - select/unselect button
|
||||
.arrow-button {
|
||||
margin-left: 5px !important;
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
|
||||
.custom-filter-button{
|
||||
width:120px !important;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
text-align:left;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
@mixin target-filter-query {
|
||||
|
||||
.caption-header-layout{
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
.custom-search-layout{
|
||||
background-color:#f7fafc;
|
||||
border:1px solid #bfc3c8;
|
||||
border-radius:4px;
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
|
||||
.target-filter-textfield, .target-filter-textfield:focus{
|
||||
border:none !important;
|
||||
box-shadow: none !important;
|
||||
height:26px !important;
|
||||
}
|
||||
|
||||
.error-icon{
|
||||
color:$success-icon-color !important;
|
||||
padding:2px;
|
||||
}
|
||||
|
||||
.success-icon{
|
||||
color:$error-icon-color !important;
|
||||
padding:2px;
|
||||
}
|
||||
|
||||
.on-focus-no-border:focus::after{
|
||||
border:none !important;
|
||||
box-shadow:none !important;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
125
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/hawkbittheme.scss
Executable file
125
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/hawkbittheme.scss
Executable file
@@ -0,0 +1,125 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
// scss-lint:disable ImportantRule, PropertySortOrder, VendorPrefix
|
||||
|
||||
// This only allows us to use the mixins defined in it and does not add any styles by itself.
|
||||
$v-font-size: $app-text-font-size;
|
||||
|
||||
//Application background color - Main color of the theme, which is used for computing all other colors
|
||||
$v-background-color: $widget-bg;
|
||||
|
||||
//Base font family for all text in the theme
|
||||
$v-font-family: $app-font-family;
|
||||
|
||||
//Font color for individual selection overlay list items
|
||||
$v-selection-item-selection-color: $app-selection-item-selection-color;
|
||||
|
||||
//Color of the focus outline/border for focusable elements
|
||||
$v-focus-color: $app-focus-color;
|
||||
|
||||
//Color for any selection highlights in the application
|
||||
$v-selection-color: $app-selection-color;
|
||||
|
||||
//Background color of the application.Used for calculating other component background colors
|
||||
$v-app-background-color: $app-background-color;
|
||||
|
||||
//Table header,body border colors are calculated based on this
|
||||
$v-table-border-color: $widget-border-color;
|
||||
|
||||
@import '../valo/valo';
|
||||
@import 'customstyles/table';
|
||||
@import 'customstyles/filter-status';
|
||||
@import 'customstyles/colorpicker';
|
||||
@import 'customstyles/tags';
|
||||
@import 'customstyles/action-history';
|
||||
@import 'customstyles/accordion';
|
||||
@import 'customstyles/generic-styles';
|
||||
@import 'customstyles/others';
|
||||
@import 'customstyles/drop-hint';
|
||||
@import 'customstyles/popup-window';
|
||||
@import 'customstyles/artifact-upload';
|
||||
@import 'customstyles/dashboardview';
|
||||
@import 'customstyles/common';
|
||||
@import 'customstyles/login';
|
||||
@import 'customstyles/filter-layout-styles';
|
||||
@import 'customstyles/systemconfig';
|
||||
@import 'customstyles/table-common';
|
||||
@import 'customstyles/table-header-common';
|
||||
@import 'customstyles/footer-common';
|
||||
@import 'customstyles/popup-common';
|
||||
@import 'customstyles/target-filter-query';
|
||||
|
||||
// Optimize the CSS output
|
||||
$v-included-components: remove($v-included-components, calendar);
|
||||
$v-included-components: remove($v-included-components, slider);
|
||||
$v-included-components: remove($v-included-components, splitpanel);
|
||||
$v-included-components: remove($v-included-components, tree);
|
||||
$v-included-components: remove($v-included-components, twincolselect);
|
||||
$v-included-components: remove($v-included-components, form);
|
||||
|
||||
@mixin hawkbittheme {
|
||||
// Include all the styles from the valo theme
|
||||
@include valo;
|
||||
@include generic-styles;
|
||||
@include table;
|
||||
@include filter-status;
|
||||
@include colorpicker;
|
||||
@include tags;
|
||||
@include action-history;
|
||||
@include accordion;
|
||||
@include others;
|
||||
@include drop-hint;
|
||||
@include popup-window;
|
||||
@include artifact-upload;
|
||||
@include dashboard-dashboard-view;
|
||||
@include dashboard-common;
|
||||
@include login;
|
||||
@include systemconfig;
|
||||
@include filter-layout-styles;
|
||||
@include table-common;
|
||||
@include table-header-common;
|
||||
@include footer-common;
|
||||
@include popup-common;
|
||||
@include valo-menu-responsive;
|
||||
@include target-filter-query;
|
||||
|
||||
.v-app-loading {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
background-image: $app-background-image, linear-gradient(to bottom, $app-background-image-gradient);
|
||||
background-image: $app-background-image, -webkit-linear-gradient(top, $app-background-image-gradient);
|
||||
background-image: $app-background-image, -moz-linear-gradient(top, $app-background-image-gradient);
|
||||
background-position: bottom;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.v-app-loading:before {
|
||||
background: none;
|
||||
height: 40px !important;
|
||||
width: 40px !important;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
border-top-color: $hawkbit-primary-color;
|
||||
border-right-color: $hawkbit-primary-color;
|
||||
border-radius: 100%;
|
||||
-webkit-animation: v-rotate-360 500ms infinite linear;
|
||||
-moz-animation: v-rotate-360 500ms infinite linear;
|
||||
-ms-animation: v-rotate-360 500ms infinite linear;
|
||||
-o-animation: v-rotate-360 500ms infinite linear;
|
||||
animation: v-rotate-360 500ms infinite linear;
|
||||
pointer-events: none;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
BIN
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/images/lightCorner_top.png
Executable file
BIN
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/images/lightCorner_top.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/images/profile-pic-300px.jpg
Executable file
BIN
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/images/profile-pic-300px.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/images/profile-pic-57px.jpg
Executable file
BIN
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/images/profile-pic-57px.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
29
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/layouts/footer.html
Executable file
29
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/layouts/footer.html
Executable file
@@ -0,0 +1,29 @@
|
||||
<!--
|
||||
|
||||
Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
|
||||
All rights reserved. This program and the accompanying materials
|
||||
are made available under the terms of the Eclipse Public License v1.0
|
||||
which accompanies this distribution, and is available at
|
||||
http://www.eclipse.org/legal/epl-v10.html
|
||||
|
||||
-->
|
||||
<head>
|
||||
<style>
|
||||
.footer-content {
|
||||
margin-top: 20px ;
|
||||
}
|
||||
.doc-link {
|
||||
color: #26547a !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<div style="color: #333; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 0.8em !important;line-height: 20px;">
|
||||
<!-- Footer text goes here -->
|
||||
<!-- <a class= "doc-link" target="_blank" href="https://">Link_text |</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
16
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/styles.scss
Executable file
16
hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/styles.scss
Executable file
@@ -0,0 +1,16 @@
|
||||
/**
|
||||
* Copyright (c) 2015 Bosch Software Innovations GmbH and others.
|
||||
*
|
||||
* All rights reserved. This program and the accompanying materials
|
||||
* are made available under the terms of the Eclipse Public License v1.0
|
||||
* which accompanies this distribution, and is available at
|
||||
* http://www.eclipse.org/legal/epl-v10.html
|
||||
*/
|
||||
@import "customstyles/hawkbitvariables";
|
||||
@import "../hawkbit/hawkbittheme";
|
||||
|
||||
/* This file prefixes all rules with the theme name to avoid causing conflicts with other themes. */
|
||||
/* The actual styles should be defined in testvalothemedemo.scss */
|
||||
.hawkbit {
|
||||
@include hawkbittheme;
|
||||
}
|
||||
Reference in New Issue
Block a user