added border radius to widgets and selected inner widget elements

This commit is contained in:
Alexander Ries committed 2016-02-11 16:27:21 +01:00
1 parent 2346ad97c8
commit 631042e47e
8 files changed
+29 -9

No files matched your search

@@ -10,12 +10,11 @@ public class Sizes {
public static final String DASHBOARD_FONT_SIZE_MEDIUM = "14px";
public static final String DASHBOARD_FONT_SIZE_LARGE = "16px";
public static final String DASHBOARD_FONT_SIZE_VERY_LARGE = "33px";
public static final String DASHBOARD_SPACE_VERY_SMALL = "10px";
public static final String DASHBOARD_SPACE_SMALL = "30px";
public static final String DASHBOARD_SPACE_MEDIUM = "35px";
public static final String DASHBOARD_SPACE_LARGE = "50px";
public static final String DASHBOARD_SPACE_VERY_LARGE = "70px";
public static final String DASHBOARD_LINE_HEIGHT = "20px";
public static final String DASHBOARD_BORDER_RADIUS = "5px";
}
@@ -26,4 +26,6 @@
@def DASHBOARD_SPACE_LARGE eval("com.sap.sailing.dashboards.gwt.client.theme.Sizes.DASHBOARD_SPACE_LARGE");
@def DASHBOARD_SPACE_VERY_LARGE eval("com.sap.sailing.dashboards.gwt.client.theme.Sizes.DASHBOARD_SPACE_VERY_LARGE");
@def DASHBOARD_LINE_HEIGHT eval("com.sap.sailing.dashboards.gwt.client.theme.Sizes.DASHBOARD_LINE_HEIGHT");
@def DASHBOARD_LINE_HEIGHT eval("com.sap.sailing.dashboards.gwt.client.theme.Sizes.DASHBOARD_LINE_HEIGHT");
@def DASHBOARD_BORDER_RADIUS eval("com.sap.sailing.dashboards.gwt.client.theme.Sizes.DASHBOARD_BORDER_RADIUS");
@@ -14,7 +14,7 @@
overflow: visible;
background-color: WHITE;
border-bottom:solid LIGHT_GREY 1px;
z-index: 3;
z-index: 4;
}
.dashboard_widget_no_data_message_container {
@@ -2,12 +2,14 @@
.startanalysis {
position: absolute;
overflow: hidden;
background-color: LIGHT_GREY;
left: 0pt;
right: 0pt;
top: 0pt;
bottom: 0pt;
border-radius: DASHBOARD_BORDER_RADIUS;
overflow: hidden;
z-index: 5;
}
.current_start_panel {
@@ -32,6 +34,7 @@
background-color: WHITE;
z-index: 1;
opacity: 0.0;
border-radius: DASHBOARD_BORDER_RADIUS;
}
.controll_header_button_visible {
@@ -73,11 +76,19 @@
.card {
position: absolute;
display: inline;
width: 75%;
height: 100%;
margin-top: 1px; /*Shows otherwise small line at top edge*/
overflow: hidden;
/* margin-top: 1px; Shows otherwise small line at top edge */
border-radius: DASHBOARD_BORDER_RADIUS !important;
overflow: hidden !important;
/*
Chrome and Safari are having problems with border radius and animation.
http://stackoverflow.com/questions/14383632/webkit-border-radius-and-overflow-bug-when-using-any-animation-transition
*/
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)
}
.card_map_container {
@@ -5,6 +5,8 @@
height: 100%;
width: 100%;
background-color: LIGHT_GREY;
border-radius: DASHBOARD_BORDER_RADIUS;
overflow: hidden;
}
.advantage_maximum_live_average {
@@ -5,6 +5,8 @@
height: 100%;
width: 100%;
background-color: LIGHT_GREY;
border-radius: DASHBOARD_BORDER_RADIUS;
overflow: hidden;
}
.advantage_maximum_live_average {
@@ -6,6 +6,8 @@
width: 100%;
background-color: LIGHT_GREY;
z-index: 5;
border-radius: DASHBOARD_BORDER_RADIUS;
overflow: hidden;
}
.live_average_header {
@@ -8,7 +8,9 @@
top: 0px;
right: 13px;
z-index: 5;
/*border-bottom-left-radius: 2em;*/
border-bottom-left-radius: DASHBOARD_BORDER_RADIUS;
border-bottom-right-radius: DASHBOARD_BORDER_RADIUS;
overflow:hidden;
}
.compass{