Updated DialogBox css

git-svn-id: http://svn.d4science-ii.research-infrastructures.eu/gcube/trunk/portlets/user/workspace-tree-widget@128593 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
Francesco Mangiacrapa 2016-05-13 10:28:45 +00:00
parent 8a4dfa7acf
commit b83a0a83b3
2 changed files with 111 additions and 25 deletions

View File

@ -1,5 +1,5 @@
/** /**
* *
*/ */
package org.gcube.portlets.user.workspace.client.view.windows; package org.gcube.portlets.user.workspace.client.view.windows;
@ -42,16 +42,17 @@ public class DialogConfirm extends DialogBox implements ClickHandler {
* @param text the text * @param text the text
*/ */
public DialogConfirm(Image img, String caption, String text) { public DialogConfirm(Image img, String caption, String text) {
getElement().setClassName("gwt-DialogBoxNew");
dock.setSpacing(4); dock.setSpacing(4);
dock.setWidth("100%"); dock.setWidth("100%");
setText(caption); setText(caption);
// setHeading(caption);
yesButton = new Button("Yes"); yesButton = new Button("Yes");
noButton = new Button("No", this); noButton = new Button("No", this);
noButton.addClickHandler(new ClickHandler() { noButton.addClickHandler(new ClickHandler() {
@Override @Override
public void onClick(ClickEvent event) { public void onClick(ClickEvent event) {
hide(); hide();
@ -68,20 +69,21 @@ public class DialogConfirm extends DialogBox implements ClickHandler {
yesButton.getElement().getStyle().setMarginRight(20.0, Unit.PX); yesButton.getElement().getStyle().setMarginRight(20.0, Unit.PX);
hpButtons.add(yesButton); hpButtons.add(yesButton);
hpButtons.add(noButton); hpButtons.add(noButton);
dock.add(hpButtons, DockPanel.SOUTH); dock.add(hpButtons, DockPanel.SOUTH);
dock.setCellHorizontalAlignment(hpButtons, DockPanel.ALIGN_CENTER); dock.setCellHorizontalAlignment(hpButtons, DockPanel.ALIGN_CENTER);
if (img != null) if (img != null)
dock.add(img, DockPanel.WEST); dock.add(img, DockPanel.WEST);
dock.add(vpContainer, DockPanel.CENTER); dock.add(vpContainer, DockPanel.CENTER);
setWidget(dock); setWidget(dock);
// add(dock);
} }
/* /*
* (non-Javadoc) * (non-Javadoc)
* *
* @see * @see
* com.google.gwt.event.dom.client.ClickHandler#onClick(com.google.gwt.event * com.google.gwt.event.dom.client.ClickHandler#onClick(com.google.gwt.event
* .dom.client.ClickEvent) * .dom.client.ClickEvent)
@ -90,7 +92,7 @@ public class DialogConfirm extends DialogBox implements ClickHandler {
public void onClick(ClickEvent event) { public void onClick(ClickEvent event) {
// hide(); // hide();
} }
/** /**
* Loader. * Loader.
* *
@ -135,7 +137,7 @@ public class DialogConfirm extends DialogBox implements ClickHandler {
public Button getYesButton() { public Button getYesButton() {
return yesButton; return yesButton;
} }
/** /**
* Gets the no button. * Gets the no button.
* *

View File

@ -1,5 +1,94 @@
@CHARSET "UTF-8"; @CHARSET "UTF-8";
.gwt-DialogBoxNew{
border: 8px solid #dfe8f6;
border-radius: 6px 6px 6px 6px;
box-shadow: none;
line-height: 7px;
opacity: 1;
z-index: 1000;
background-color: #FFFFFF;
}
.gwt-DialogBoxNew .Caption {
background: none repeat scroll 0 0 #dfe8f6;
border: medium none #D4D4D4;
cursor: default;
font-family: Arial Unicode MS, Arial, sans-serif !important;
font-size: 18px;
font-weight: 400;
line-height: 27px;
padding: 2px 0px 0px 0px;
}
.gwt-DialogBoxNew .dialogContent {
}
.gwt-DialogBoxNew .dialogMiddleCenter {
padding: 3px;
background: white;
}
.gwt-DialogBoxNew .dialogBottomCenter {
}
.gwt-DialogBoxNew .dialogMiddleLeft {
/* background: url(images/vborder.png) repeat-y -31px 0px; */
}
.gwt-DialogBoxNew .dialogMiddleRight {
/* background: url(images/vborder.png) repeat-y -32px 0px;*/
}
/*
.gwt-DialogBoxNew .dialogTopLeftInner {
width: 10px;
height: 8px;
zoom: 1;
background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogTopRightInner {
width: 12px;
zoom: 1;
background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogBottomLeftInner {
width: 10px;
height: 12px;
zoom: 1;
}
.gwt-DialogBoxNew .dialogBottomRightInner {
width: 12px;
height: 12px;
zoom: 1;
}*/
.gwt-DialogBoxNew .dialogTopLeft {
/* background: url(images/circles.png) no-repeat -20px 0px;
-background: url(images/circles_ie6.png) no-repeat -20px 0px; */
background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogTopRight {
/* background: url(images/circles.png) no-repeat -28px 0px;
-background: url(images/circles_ie6.png) no-repeat -28px 0px; */
background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogBottomLeft {
/* background: url(images/circles.png) no-repeat 0px -36px;
-background: url(images/circles_ie6.png) no-repeat 0px -36px; */
}
.gwt-DialogBoxNew .dialogBottomRight {
/* background: url(images/circles.png) no-repeat -8px -36px;
-background: url(images/circles_ie6.png) no-repeat -8px -36px; */
}
/*Used from suggestbox*/ /*Used from suggestbox*/
ul.multivalue-panel-suggest { ul.multivalue-panel-suggest {
list-style-type: none; list-style-type: none;
@ -20,7 +109,6 @@ ul.multivalue-panel-suggest {
border-radius: 3px; border-radius: 3px;
} }
ul.multivalue-panel-suggest li input { ul.multivalue-panel-suggest li input {
border: 0; border: 0;
padding: 3px 8px; padding: 3px 8px;
@ -29,7 +117,6 @@ ul.multivalue-panel-suggest li input {
width: 100px; width: 100px;
} }
li.multivalue-panel-token-ws { li.multivalue-panel-token-ws {
overflow: hidden; overflow: hidden;
height: auto !important; height: auto !important;
@ -80,14 +167,14 @@ li.multivalue-panel-token-ws span {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
} }
.margin-right-flex{
.margin-right-flex {
margin-right: 8px; margin-right: 8px;
} }
.margint-top-flex{ .margint-top-flex {
margin-top: 10px; margin-top: 10px;
margin-right: 8px; margin-right: 8px;
} }
.wizardButton { .wizardButton {
@ -108,8 +195,8 @@ li.multivalue-panel-token-ws span {
padding-bottom: 1px; padding-bottom: 1px;
} }
.wizardButton[disabled]:hover,.wizardButton[disabled]:active,.wizardButton[disabled] .wizardButton[disabled]:hover, .wizardButton[disabled]:active,
{ .wizardButton[disabled] {
color: #CCC; color: #CCC;
border-color: #BBB; border-color: #BBB;
cursor: default; cursor: default;
@ -127,26 +214,23 @@ li.multivalue-panel-token-ws span {
background: #e3e8f3 url(images/white-grad.png) repeat-x scroll left top; background: #e3e8f3 url(images/white-grad.png) repeat-x scroll left top;
} }
table.userssuggest { table.userssuggest {
/*background-color: #DFE8F6 !important;*/ /*background-color: #DFE8F6 !important;*/
font-family: verdana,arial,sans-serif; font-family: verdana, arial, sans-serif;
font-size: 12px; font-size: 12px;
/*color:#333333;*/ /*color:#333333;*/
border-width: 0px; border-width: 0px;
background-color: none; background-color: none;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0px; border-spacing: 0px;
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
/*border-radius: 6px; /*border-radius: 6px;
-webkit-border-radius: 6px; -webkit-border-radius: 6px;
-moz-border-radius: 6px; -moz-border-radius: 6px;
*/ */
} }
table.userssuggest td { table.userssuggest td {
border-width: 0px; border-width: 0px;
border-style: solid; border-style: solid;
@ -165,6 +249,6 @@ table.userssuggest th {
border-spacing: 0px; border-spacing: 0px;
} }
.editPermissions :hover{ .editPermissions :hover {
cursor: pointer; cursor: pointer;
} }