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:
parent
8a4dfa7acf
commit
b83a0a83b3
|
@ -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.
|
||||||
*
|
*
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
Loading…
Reference in New Issue