Convert UiBinder files to gss.
Change-Id: I5104b81921c3bcd79bc620d58efd566bd638aa88
Review-Link: https://gwt-review.googlesource.com/#/c/12580/
diff --git a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/DynaTableRf.ui.xml b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/DynaTableRf.ui.xml
index 2b53d24..2763c32 100644
--- a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/DynaTableRf.ui.xml
+++ b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/DynaTableRf.ui.xml
@@ -1,37 +1,39 @@
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'
xmlns:dt='urn:import:com.google.gwt.sample.dynatablerf.client.widgets'>
- <ui:style>
+ <ui:style gss="true">
body {
- background-color: white;
- color: black;
- font-family: Arial, sans-serif;
- font-size: small;
- margin: 8px;
- margin-top: 3px;
+ background-color: white;
+ color: black;
+ font-family: Arial,sans-serif;
+ font-size: small;
+ margin: 8px;
+ margin-top: 3px;
}
-
+
.boxed {
- border: thin solid black;
- margin: 2px;
- overflow: hidden;
- padding: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
+ border: thin solid black;
+ margin: 2px;
+ overflow: hidden;
+ padding: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
-
+
.header {
- font-weight: bold;
- font-size: 200%;
+ font-weight: bold;
+ font-size: 200%;
}
-
+
.main {
- margin: 5px;
+ margin: 5px;
}
-
+
@external gwt-SplitLayoutPanel-VDragger;
+
.gwt-SplitLayoutPanel-VDragger {
- cursor: row-resize;
+ cursor: row-resize;
}
+
</ui:style>
<g:DockLayoutPanel unit="EX" stylePrimaryName="{style.main}">
<g:north size="5">
diff --git a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/ErrorDialog.ui.xml b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/ErrorDialog.ui.xml
index 5ca904c..c573fa3 100644
--- a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/ErrorDialog.ui.xml
+++ b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/ErrorDialog.ui.xml
@@ -1,25 +1,26 @@
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'>
- <ui:style>
+ <ui:style gss="true">
.dialog {
- background: white;
- border: thin solid black;
- margin: 2px;
- overflow: hidden;
- padding: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
+ background: white;
+ border: thin solid black;
+ margin: 2px;
+ overflow: hidden;
+ padding: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
-
+
.glass {
- filter: literal('alpha(opacity = 75)');
- opacity: 0.75;
- background-color: #000000;
+ filter: alpha(opacity = 75);
+ opacity: 0.75;
+ background-color: #000;
}
-
+
.message {
- height: 400px;
- width: 400px;
+ height: 400px;
+ width: 400px;
}
+
</ui:style>
<g:DialogBox ui:field="errorDialog" glassEnabled="true"
stylePrimaryName="{style.dialog}" glassStyleName="{style.glass}">
diff --git a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/DayFilterWidget.ui.xml b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/DayFilterWidget.ui.xml
index 658a9ab..0123608 100644
--- a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/DayFilterWidget.ui.xml
+++ b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/DayFilterWidget.ui.xml
@@ -1,17 +1,18 @@
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui' xmlns:dt='urn:import:com.google.gwt.sample.dynatablerf.client.widgets'>
- <ui:style>
+ <ui:style gss="true">
.all {
- float: left;
+ float: left;
}
-
+
.cb {
- display: block;
+ display: block;
}
-
+
.none {
- margin-left: 5px;
+ margin-left: 5px;
}
+
</ui:style>
<g:FlowPanel>
<dt:DayCheckBox ui:field="sunday" caption="Sunday"
diff --git a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/FavoritesWidget.ui.xml b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/FavoritesWidget.ui.xml
index 2e81a40..3d77570 100644
--- a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/FavoritesWidget.ui.xml
+++ b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/FavoritesWidget.ui.xml
@@ -1,13 +1,14 @@
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'>
- <ui:style
+ <ui:style gss="true"
type="com.google.gwt.sample.dynatablerf.client.widgets.FavoritesWidget.Style">
.header {
font-weight: bold;
}
-
+
.favorite {
cursor: pointer;
}
+
</ui:style>
<g:HTMLPanel>
<g:Label>Favorites</g:Label>
diff --git a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/ScheduleEditor.ui.xml b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/ScheduleEditor.ui.xml
index 4a8771e..9099687 100644
--- a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/ScheduleEditor.ui.xml
+++ b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/ScheduleEditor.ui.xml
@@ -2,10 +2,11 @@
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:dt='urn:import:com.google.gwt.sample.dynatablerf.client.widgets' >
- <ui:style>
+ <ui:style gss="true">
.table {
width: 100%;
}
+
</ui:style>
<g:HTMLPanel>
<dt:TimeSlotListWidget ui:field="timeSlots" stylePrimaryName="{style.table}" />
diff --git a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/TimeSlotListWidget.ui.xml b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/TimeSlotListWidget.ui.xml
index 6ae0e5b..8a94801 100644
--- a/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/TimeSlotListWidget.ui.xml
+++ b/samples/dynatablerf/src/main/java/com/google/gwt/sample/dynatablerf/client/widgets/TimeSlotListWidget.ui.xml
@@ -2,10 +2,11 @@
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:cv='urn:import:com.google.gwt.user.cellview.client'>
- <ui:style>
+ <ui:style gss="true">
.table {
width: 100%;
}
+
</ui:style>
<g:HTMLPanel>
<cv:CellTable ui:field="table" stylePrimaryName="{style.table}" />
diff --git a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskEditView.ui.xml b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskEditView.ui.xml
index 982b2e0..199a0d0 100644
--- a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskEditView.ui.xml
+++ b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskEditView.ui.xml
@@ -4,59 +4,60 @@
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:app="urn:import:com.google.gwt.sample.mobilewebapp.client.ui">
- <ui:style>
+ <ui:style gss="true">
.outer {
background: #eee;
}
-
+
.title {
background: #393939;
color: white;
padding: 4px 10px;
font-size: 10pt;
}
-
+
.editForm {
padding: 10px;
background: white;
}
-
+
.label {
color: #666;
font-size: 10pt;
padding-bottom: 3px;
}
-
+
.field {
width: 100%;
margin-bottom: 12px;
}
-
+
.textBoxWrapper {
margin-right: 10px;
}
-
+
.nameBox {
height: 2em;
}
-
+
.notesBox {
height: 4em;
}
-
+
.violation {
color: red;
}
-
+
.buttonPanel {
width: 100%;
padding: 10px;
margin-top: 15px;
}
-
+
.button {
width: 100%;
}
+
</ui:style>
<g:DockLayoutPanel
diff --git a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskListView.ui.xml b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskListView.ui.xml
index 2dc3497..4df5bc3 100644
--- a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskListView.ui.xml
+++ b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskListView.ui.xml
@@ -4,10 +4,6 @@
xmlns:c="urn:import:com.google.gwt.user.cellview.client"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
- <ui:style>
-
- </ui:style>
-
<g:ScrollPanel>
<c:CellList
ui:field="taskList" />
diff --git a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskReadView.ui.xml b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskReadView.ui.xml
index 674715f..5ae81df 100644
--- a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskReadView.ui.xml
+++ b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileTaskReadView.ui.xml
@@ -4,55 +4,56 @@
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:app="urn:import:com.google.gwt.sample.mobilewebapp.client.ui">
- <ui:style>
+ <ui:style gss="true">
.outer {
background: #eee;
}
-
+
.title {
background: #393939;
color: white;
padding: 4px 10px;
font-size: 10pt;
}
-
+
.editForm {
padding: 10px;
background: white;
}
-
+
.label {
color: #666;
font-size: 10pt;
padding-bottom: 3px;
}
-
+
.field {
width: 100%;
margin-bottom: 12px;
}
-
+
.textBoxWrapper {
margin-right: 10px;
}
-
+
.nameBox {
height: 2em;
}
-
+
.notesBox {
height: 4em;
}
-
+
.buttonPanel {
width: 100%;
padding: 10px;
margin-top: 15px;
}
-
+
.button {
width: 100%;
}
+
</ui:style>
<g:DockLayoutPanel
diff --git a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileWebAppShellMobile.ui.xml b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileWebAppShellMobile.ui.xml
index dc59a6a..ae1b3fb 100644
--- a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileWebAppShellMobile.ui.xml
+++ b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/MobileWebAppShellMobile.ui.xml
@@ -4,11 +4,11 @@
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:c="urn:import:com.google.gwt.user.cellview.client">
- <ui:style>
+ <ui:style gss="true">
.backButton {
display: none;
}
-
+
.header {
background: #1a1a1a;
color: white;
@@ -17,7 +17,7 @@
text-align: center;
font-weight: bold;
}
-
+
.addButton {
color: white;
font-size: 18pt;
@@ -26,6 +26,7 @@
text-align: right;
font-weight: bold;
}
+
</ui:style>
<g:LayoutPanel
diff --git a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/TaskProxyCell.ui.xml b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/TaskProxyCell.ui.xml
index 8e4dd52..a08c0ca 100644
--- a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/TaskProxyCell.ui.xml
+++ b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/mobile/TaskProxyCell.ui.xml
@@ -2,11 +2,22 @@
<ui:UiBinder
xmlns:ui="urn:ui:com.google.gwt.uibinder">
- <ui:style field="cellStyle"
+ <ui:style gss="true" field="cellStyle"
type="com.google.gwt.sample.mobilewebapp.client.mobile.TaskProxyCell.CellStyle">
- .noDate {font-size:80%;}
- .onTime {font-size:80%;color:#999;}
- .pastDue {font-size:80%;color:red;}
+ .noDate {
+ font-size: 80%;
+ }
+
+ .onTime {
+ font-size: 80%;
+ color: #999;
+ }
+
+ .pastDue {
+ font-size: 80%;
+ color: red;
+ }
+
</ui:style>
<ui:with field="date" type="java.lang.String"/>
diff --git a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/MobileWebAppShellTablet.ui.xml b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/MobileWebAppShellTablet.ui.xml
index b15b9dc..ed3bab6 100644
--- a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/MobileWebAppShellTablet.ui.xml
+++ b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/MobileWebAppShellTablet.ui.xml
@@ -5,12 +5,12 @@
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:c="urn:import:com.google.gwt.user.cellview.client">
- <ui:style>
+ <ui:style gss="true">
.header {
background: #1a1a1a;
position: relative;
}
-
+
.headerText {
color: white;
font-size: 18pt;
@@ -18,13 +18,13 @@
text-align: center;
font-weight: bold;
}
-
+
.addButtonContainer {
position: absolute;
top: 5px;
right: 3px;
}
-
+
.addButton {
color: white;
font-size: 18pt;
@@ -33,15 +33,16 @@
text-align: right;
font-weight: bold;
}
-
+
.taskList {
border-right: 4px solid #eee;
}
-
+
.contentEmptyMessage {
padding: 10px;
font-size: 28pt;
}
+
</ui:style>
<g:DockLayoutPanel
diff --git a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/TabletTaskEditView.ui.xml b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/TabletTaskEditView.ui.xml
index 36f51a6..cfcf845 100644
--- a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/TabletTaskEditView.ui.xml
+++ b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/TabletTaskEditView.ui.xml
@@ -4,73 +4,73 @@
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:app="urn:import:com.google.gwt.sample.mobilewebapp.client.ui">
- <ui:style>
+ <ui:style gss="true">
.outer {
background: #eee;
}
-
+
.title {
background: #393939;
color: white;
padding: 4px 10px;
font-size: 20pt;
}
-
+
.editForm {
padding: 10px;
background: white;
}
-
+
.label {
color: #666;
font-size: 20pt;
padding-bottom: 3px;
}
-
+
.field {
width: 100%;
margin-bottom: 12px;
font-size: 20pt;
}
-
+
.textBoxWrapper {
margin-right: 10px;
}
-
+
.nameBox {
height: 2em;
}
-
+
.notesBox {
height: 4em;
}
-
+
.violation {
color: red;
font-size: 18pt;
}
-
+
.button {
padding-top: 8px;
padding-bottom: 8px;
color: #3f3f3f;
font-size: 20pt;
}
-
+
.dateButton {
text-align: left;
}
-
+
.buttonPanel {
width: 100%;
padding: 10px;
margin-top: 15px;
}
-
+
.saveButton {
width: 100%;
}
-
+
.deleteButton {
color: white;
background: #940000;
@@ -78,6 +78,7 @@
border-radius: 3px;
-moz-border-radius: 3px;
}
+
</ui:style>
<g:DockLayoutPanel
diff --git a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/TabletTaskReadView.ui.xml b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/TabletTaskReadView.ui.xml
index d35b070..ca2d863 100644
--- a/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/TabletTaskReadView.ui.xml
+++ b/samples/mobilewebapp/src/main/java/com/google/gwt/sample/mobilewebapp/client/tablet/TabletTaskReadView.ui.xml
@@ -4,73 +4,73 @@
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:app="urn:import:com.google.gwt.sample.mobilewebapp.client.ui">
- <ui:style>
+ <ui:style gss="true">
.outer {
background: #eee;
}
-
+
.title {
background: #393939;
color: white;
padding: 4px 10px;
font-size: 20pt;
}
-
+
.editForm {
padding: 10px;
background: white;
}
-
+
.label {
color: #666;
font-size: 20pt;
padding-bottom: 3px;
}
-
+
.field {
width: 100%;
margin-bottom: 12px;
font-size: 20pt;
}
-
+
.textBoxWrapper {
margin-right: 10px;
}
-
+
.nameBox {
height: 2em;
}
-
+
.notesBox {
height: 4em;
}
-
+
.violation {
color: red;
font-size: 18pt;
}
-
+
.button {
padding-top: 8px;
padding-bottom: 8px;
color: #3f3f3f;
font-size: 20pt;
}
-
+
.dateButton {
text-align: left;
}
-
+
.buttonPanel {
width: 100%;
padding: 10px;
margin-top: 15px;
}
-
+
.saveButton {
width: 100%;
}
-
+
</ui:style>
<g:DockLayoutPanel
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/ContentWidgetView.ui.xml b/samples/showcase/src/com/google/gwt/sample/showcase/client/ContentWidgetView.ui.xml
index 23065c1..1e03732 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/ContentWidgetView.ui.xml
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/ContentWidgetView.ui.xml
@@ -3,20 +3,21 @@
xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
- <ui:style>
+ <ui:style gss="true">
.name {
- color: #4B4A4A;
+ color: #4b4a4a;
font-size: 17pt;
font-weight: bold;
- margin: 10px 10px 0px;
+ margin: 10px 10px 0;
}
-
+
.description {
- color: #4B4A4A;
- padding: 10px 0px;
- border-bottom: 1px solid #6F7277;
- margin: 0px 10px 12px 10px;
+ color: #4b4a4a;
+ padding: 10px 0;
+ border-bottom: 1px solid #6f7277;
+ margin: 0 10px 12px 10px;
}
+
</ui:style>
<g:HeaderPanel>
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/ShowcaseShell.ui.xml b/samples/showcase/src/com/google/gwt/sample/showcase/client/ShowcaseShell.ui.xml
index caf299f..70884ff 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/ShowcaseShell.ui.xml
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/ShowcaseShell.ui.xml
@@ -10,23 +10,23 @@
field='res'
type='com.google.gwt.sample.showcase.client.ShowcaseResources' />
- <ui:style>
+ <ui:style gss="true">
.linkBar {
- padding: 2px 22px 2px 0px;
+ padding: 2px 22px 2px 0;
background: white;
text-align: right;
}
-
+
.link {
font-size: 8pt;
line-height: 10pt;
}
-
+
.titleBar {
padding: 0 10px;
- border-bottom: 1px solid #C3C3C3;
+ border-bottom: 1px solid #c3c3c3;
}
-
+
.title {
color: #7b8fae;
font-size: 20pt;
@@ -35,78 +35,79 @@
margin: 0;
padding: 0 0 0 4px;
}
-
+
.subtitle {
color: #888;
font-size: 16pt;
margin: 0;
padding: 0 0 0 6px;
}
-
+
.options {
padding: 6px 10px 0 0;
}
-
+
.localeBox {
color: blue;
font-size: 8pt;
margin-left: 4px;
}
-
+
.styleSelectionButton {
width: 36px;
height: 16px;
- margin: 3px 0px 0px 10px;
- padding: 0px;
+ margin: 3px 0 0 10px;
+ padding: 0;
}
-
+
.styleSelectionStandard {
background: #d0e4f6;
}
-
+
.styleSelectionChrome {
background: #ccc;
}
-
+
.styleSelectionDark {
background: #3d3d3d;
}
-
+
.mainMenu {
background-color: #d7dde8;
border-right: 1px solid #c3c3c3;
}
-
+
.contentButtons {
background-color: #d7dde8;
border-bottom: 1px solid #c3c3c3;
- padding: 0px 10px;
+ padding: 0 10px;
}
-
+
.contentButton {
margin-right: 20px;
- color: #888888;
+ color: #888;
font-weight: bold;
cursor: hand;
- cursor: pointer;
+ /* @alternate */ cursor: pointer;
line-height: 20pt;
vertical-align: middle;
}
-
+
.contentButton:hover {
- color: #4B4A4A;
+ color: #4b4a4a;
text-decoration: underline;
}
-
+
.contentButtonSource {
margin-right: 4px;
}
-
+
.contentList {
font-size: 8pt;
- color: #4B4A4A;
+ color: #4b4a4a;
direction: ltr;
}
+
</ui:style>
<g:DockLayoutPanel
diff --git a/samples/validation/src/main/java/com/google/gwt/sample/validation/client/ValidationView.ui.xml b/samples/validation/src/main/java/com/google/gwt/sample/validation/client/ValidationView.ui.xml
index a4fbd1b..0f4e363 100644
--- a/samples/validation/src/main/java/com/google/gwt/sample/validation/client/ValidationView.ui.xml
+++ b/samples/validation/src/main/java/com/google/gwt/sample/validation/client/ValidationView.ui.xml
@@ -1,26 +1,32 @@
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
- <ui:style type ="com.google.gwt.sample.validation.client.ValidationView.MyStyle">
- @external .gwt-DialogBox;
+ <ui:style gss="true" type ="com.google.gwt.sample.validation.client.ValidationView.MyStyle">
+ @external gwt-DialogBox;
.gwt-DialogBox {
width: 400px;
}
+
.panel {
position: absolute;
left: 50%;
width: 14em;
margin-left: -7em;
}
+
.error {
color: red;
}
+
.dialogPanel {
margin: 5px;
}
- .send, .close {
- margin: 15px 0px 6px;
+
+ .send,
+ .close {
+ margin: 15px 0 6px;
}
+
</ui:style>
<g:VerticalPanel styleName="{style.panel}">
<g:FlowPanel>
diff --git a/user/src/com/google/gwt/editor/ui/client/ValueBoxEditorDecorator.ui.xml b/user/src/com/google/gwt/editor/ui/client/ValueBoxEditorDecorator.ui.xml
index 1fe1290..e0a0528 100644
--- a/user/src/com/google/gwt/editor/ui/client/ValueBoxEditorDecorator.ui.xml
+++ b/user/src/com/google/gwt/editor/ui/client/ValueBoxEditorDecorator.ui.xml
@@ -1,13 +1,14 @@
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'>
- <ui:style>
+ <ui:style gss="true">
.contents {
- display: inline;
+ display: inline;
}
-
+
.errorLabel {
- display: none;
- white-space: pre;
+ display: none;
+ white-space: pre;
}
+
</ui:style>
<g:HTMLPanel>
<div class="{style.errorLabel}" ui:field="errorLabel" />
diff --git a/user/src/com/google/gwt/user/client/ui/NativeHorizontalScrollbar.ui.xml b/user/src/com/google/gwt/user/client/ui/NativeHorizontalScrollbar.ui.xml
index 88550d2..cb5203c 100644
--- a/user/src/com/google/gwt/user/client/ui/NativeHorizontalScrollbar.ui.xml
+++ b/user/src/com/google/gwt/user/client/ui/NativeHorizontalScrollbar.ui.xml
@@ -3,26 +3,27 @@
xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
- <ui:style>
+ <ui:style gss="true">
.viewport {
- position: relative;
- overflow: hidden;
+ position: relative;
+ overflow: hidden;
}
-
+
.scrollable {
- position: absolute;
- left: 0px;
- bottom: 0px;
- width: 100%;
- height: 100px;
- overflow: auto;
- overflow-x: scroll;
- overflow-y: hidden;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100px;
+ overflow: auto;
+ overflow-x: scroll;
+ overflow-y: hidden;
}
-
+
.content {
- height: 1px;
+ height: 1px;
}
+
</ui:style>
<!-- Viewport: reveals only the scrollbar from the scrollable div. -->
diff --git a/user/src/com/google/gwt/user/client/ui/NativeVerticalScrollbar.ui.xml b/user/src/com/google/gwt/user/client/ui/NativeVerticalScrollbar.ui.xml
index d8f5729..1ad3216 100644
--- a/user/src/com/google/gwt/user/client/ui/NativeVerticalScrollbar.ui.xml
+++ b/user/src/com/google/gwt/user/client/ui/NativeVerticalScrollbar.ui.xml
@@ -3,26 +3,24 @@
xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
- <ui:style>
+ <ui:style gss="true">
.viewport {
- position: relative;
- overflow: hidden;
- /* Force the scrollbar into LTR mode so it is reliably aligned to the left. */
- direction: ltr;
+ position: relative;
+ overflow: hidden;
+ /* Force the scrollbar into LTR mode so it is reliably aligned to the left. */
+ direction: ltr;
}
-
/* scrollable is in LTR mode even if the body is in RTL mode. */
- @noflip {
- .scrollable {
- position: absolute;
- top: 0px;
- right: 0px;
- height: 100%;
- width: 100px;
- overflow-y: scroll;
- overflow-x: hidden;
- }
+ .scrollable {
+ position: absolute;
+ top: 0;
+ /* @noflip */ right: 0;
+ height: 100%;
+ width: 100px;
+ overflow-y: scroll;
+ overflow-x: hidden;
}
+
</ui:style>
<!-- Viewport: reveals only the scrollbar from the scrollable div. -->
@@ -39,4 +37,4 @@
ui:field="contentDiv" />
</div>
</div>
-</ui:UiBinder>
\ No newline at end of file
+</ui:UiBinder>
diff --git a/user/src/com/google/gwt/user/client/ui/NotificationMole.ui.xml b/user/src/com/google/gwt/user/client/ui/NotificationMole.ui.xml
index fc3f37e..063765f 100644
--- a/user/src/com/google/gwt/user/client/ui/NotificationMole.ui.xml
+++ b/user/src/com/google/gwt/user/client/ui/NotificationMole.ui.xml
@@ -1,28 +1,31 @@
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui'>
- <ui:style>
+ <ui:style gss="true">
.container {
position: absolute;
height: 0;
text-align: center;
width: 100%;
}
+
.centered {
margin-left: auto;
margin-right: auto;
- border-left: 1px solid #96A2B5;
- border-right: 1px solid #96A2B5;
- border-bottom: 1px solid #96A2B5;
- background-color: #E5EDF9;
+ border-left: 1px solid #96a2b5;
+ border-right: 1px solid #96a2b5;
+ border-bottom: 1px solid #96a2b5;
+ background-color: #e5edf9;
padding: 5px;
overflow: hidden;
display: inline-block;
}
+
.notificationText {
font-family: Helvetica;
font-size: 1em;
}
+
</ui:style>
<g:HTMLPanel styleName='{style.container}'>
<div class='{style.centered}' style='display:none' ui:field='borderElement'>
diff --git a/user/test/com/google/gwt/uibinder/test/client/CssImportScopeSample.ui.xml b/user/test/com/google/gwt/uibinder/test/client/CssImportScopeSample.ui.xml
index b4cbe2b..3f4d173 100644
--- a/user/test/com/google/gwt/uibinder/test/client/CssImportScopeSample.ui.xml
+++ b/user/test/com/google/gwt/uibinder/test/client/CssImportScopeSample.ui.xml
@@ -14,9 +14,13 @@
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' >
<ui:with field='bundle' type='com.google.gwt.uibinder.test.client.CssImportScopeSample.Bundle' />
- <ui:style import='com.google.gwt.uibinder.test.client.CssImportScopeSample.OuterStyle
+ <ui:style gss="true" import='com.google.gwt.uibinder.test.client.CssImportScopeSample.OuterStyle
com.google.gwt.uibinder.test.client.CssImportScopeSample.InnerStyle'>
- .outer-body .inner-body { width: 100px; background-color: red; }
+ .outer-body .inner-body {
+ width: 100px;
+ background-color: red;
+ }
+
</ui:style>
<div class='{bundle.style.body}'>
diff --git a/user/test/com/google/gwt/uibinder/test/client/UiRendererUi.ui.xml b/user/test/com/google/gwt/uibinder/test/client/UiRendererUi.ui.xml
index 8c1ca5c..a41f465 100644
--- a/user/test/com/google/gwt/uibinder/test/client/UiRendererUi.ui.xml
+++ b/user/test/com/google/gwt/uibinder/test/client/UiRendererUi.ui.xml
@@ -17,9 +17,15 @@
<ui:with field="aValue"/>
<ui:with field="aValueTwice"/>
- <ui:style field="uiStyle" type="com.google.gwt.uibinder.test.client.UiRendererUi.UiStyle">
- .enabled { color:black; }
- .disabled { color:gray; }
+ <ui:style gss="true" field="uiStyle" type="com.google.gwt.uibinder.test.client.UiRendererUi.UiStyle">
+ .enabled {
+ color: black;
+ }
+
+ .disabled {
+ color: gray;
+ }
+
</ui:style>
<ui:style field="uiStyle2" type="com.google.gwt.uibinder.test.client.UiRendererUi.UiStyle2">
.ok { color:blue; }
diff --git a/user/test/com/google/gwt/uibinder/test/client/gss/WidgetUsingCss.ui.xml b/user/test/com/google/gwt/uibinder/test/client/gss/WidgetUsingCss.ui.xml
index a3c973d..9bab6b9 100644
--- a/user/test/com/google/gwt/uibinder/test/client/gss/WidgetUsingCss.ui.xml
+++ b/user/test/com/google/gwt/uibinder/test/client/gss/WidgetUsingCss.ui.xml
@@ -1,13 +1,14 @@
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui'>
- <ui:style type="com.google.gwt.uibinder.test.client.gss.WidgetUsingCss.CssStyle">
- @def my_black black;
- @eval my_white com.google.gwt.uibinder.test.client.gss.WidgetUsingCss.WHITE;
+ <ui:style gss="true" type="com.google.gwt.uibinder.test.client.gss.WidgetUsingCss.CssStyle">
+ @def MY_BLACK black;
+ @def MY_WHITE eval('com.google.gwt.uibinder.test.client.gss.WidgetUsingCss.WHITE');
.main {
- background-color: my_black;
- color: my_white;
+ background-color: MY_BLACK;
+ color: MY_WHITE;
}
+
</ui:style>
<g:SimplePanel styleName="{style.main}"/>
</ui:UiBinder>
