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

View File

@ -1,5 +1,94 @@
@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*/
ul.multivalue-panel-suggest {
list-style-type: none;
@ -20,7 +109,6 @@ ul.multivalue-panel-suggest {
border-radius: 3px;
}
ul.multivalue-panel-suggest li input {
border: 0;
padding: 3px 8px;
@ -29,7 +117,6 @@ ul.multivalue-panel-suggest li input {
width: 100px;
}
li.multivalue-panel-token-ws {
overflow: hidden;
height: auto !important;
@ -80,14 +167,14 @@ li.multivalue-panel-token-ws span {
font-weight: bold;
cursor: pointer;
}
.margin-right-flex{
.margin-right-flex {
margin-right: 8px;
}
.margint-top-flex{
.margint-top-flex {
margin-top: 10px;
margin-right: 8px;
}
.wizardButton {
@ -108,8 +195,8 @@ li.multivalue-panel-token-ws span {
padding-bottom: 1px;
}
.wizardButton[disabled]:hover,.wizardButton[disabled]:active,.wizardButton[disabled]
{
.wizardButton[disabled]:hover, .wizardButton[disabled]:active,
.wizardButton[disabled] {
color: #CCC;
border-color: #BBB;
cursor: default;
@ -127,26 +214,23 @@ li.multivalue-panel-token-ws span {
background: #e3e8f3 url(images/white-grad.png) repeat-x scroll left top;
}
table.userssuggest {
/*background-color: #DFE8F6 !important;*/
font-family: verdana,arial,sans-serif;
font-family: verdana, arial, sans-serif;
font-size: 12px;
/*color:#333333;*/
border-width: 0px;
background-color: none;
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
margin-bottom: 20px;
width: 100%;
margin-bottom: 20px;
/*border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
*/
}
table.userssuggest td {
border-width: 0px;
border-style: solid;
@ -165,6 +249,6 @@ table.userssuggest th {
border-spacing: 0px;
}
.editPermissions :hover{
.editPermissions :hover {
cursor: pointer;
}