diff options
Diffstat (limited to 'uitest/src/main/resources/VAADIN')
58 files changed, 1485 insertions, 0 deletions
diff --git a/uitest/src/main/resources/VAADIN/readme.txt b/uitest/src/main/resources/VAADIN/readme.txt new file mode 100644 index 0000000000..0ab7742490 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/readme.txt @@ -0,0 +1,15 @@ +====================== +Themes and Widget Sets +====================== + +The WebContent/VAADIN directory contains Themes and Widgetsets. + +------ +Themes +------ + +Themes may be edited freely. They contain static images, CSS, +and layouts for Vaadin applications. + +See http://dev.vaadin.com/wiki/DevDocs/StartingDevelopment for instructions for +installing GWT and compiling widgetsets for Vaadin development. diff --git a/uitest/src/main/resources/VAADIN/themes/reindeer-tests/styles.css b/uitest/src/main/resources/VAADIN/themes/reindeer-tests/styles.css new file mode 100644 index 0000000000..9dd88707d1 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/reindeer-tests/styles.css @@ -0,0 +1,38 @@ +@import url(../reindeer/legacy-styles.css); + +.table-equal-rowheight .v-table-row {height: 30px;} +.table-equal-rowheight .v-table-row-odd {height: 30px;} + +.v-datefield-enabled-readonly-styled { + background: #ddd; +} + +.v-datefield-enabled-readonly-styled input.v-datefield-textfield { + border: 1px solid black; +} + +.v-datefield-enabled-readonly-styled .v-datefield.v-disabled { + opacity: 1; +} + +.v-disabled.v-datefield-enabled-readonly-styled .v-datefield-button, +.v-readonly.v-datefield-enabled-readonly-styled .v-datefield-button { + display: none; +} + +.v-disabled.v-datefield-enabled-readonly-styled, +.v-readonly.v-datefield-enabled-readonly-styled { + padding-right: 0; +} + +.popup-style .v-datefield-calendarpanel-header, +.v-datefield-popup-popup-style .v-datefield-calendarpanel-time { + background: red; +} +.popup-style .v-datefield-calendarpanel-body { + background: yellow; +} + +#escalator .v-escalator-body .v-escalator-cell { + height: 50px; +}
\ No newline at end of file diff --git a/uitest/src/main/resources/VAADIN/themes/tests-book/favicon.ico b/uitest/src/main/resources/VAADIN/themes/tests-book/favicon.ico Binary files differnew file mode 100644 index 0000000000..1f81f0de76 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-book/favicon.ico diff --git a/uitest/src/main/resources/VAADIN/themes/tests-book/img/richtextarea-toolbar-fi.png b/uitest/src/main/resources/VAADIN/themes/tests-book/img/richtextarea-toolbar-fi.png Binary files differnew file mode 100644 index 0000000000..4bb791c856 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-book/img/richtextarea-toolbar-fi.png diff --git a/uitest/src/main/resources/VAADIN/themes/tests-book/img/smiley.jpg b/uitest/src/main/resources/VAADIN/themes/tests-book/img/smiley.jpg Binary files differnew file mode 100644 index 0000000000..dc1a399c76 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-book/img/smiley.jpg diff --git a/uitest/src/main/resources/VAADIN/themes/tests-book/layouts/layoutname.html b/uitest/src/main/resources/VAADIN/themes/tests-book/layouts/layoutname.html new file mode 100644 index 0000000000..6b75910783 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-book/layouts/layoutname.html @@ -0,0 +1,19 @@ +<table width="100%" height="100%"> + <tr height="100%"> + <td> + <table align="center"> + <tr> + <td align="right">User name:</td> + <td><div location="username"></div></td> + </tr> + <tr> + <td align="right">Password:</td> + <td><div location="password"></div></td> + </tr> + </table> + </td> + </tr> + <tr> + <td align="right" colspan="2"><div location="okbutton"></div></td> + </tr> +</table>
\ No newline at end of file diff --git a/uitest/src/main/resources/VAADIN/themes/tests-book/layouts/printpage.html b/uitest/src/main/resources/VAADIN/themes/tests-book/layouts/printpage.html new file mode 100644 index 0000000000..2e65addcd8 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-book/layouts/printpage.html @@ -0,0 +1,5 @@ +<div>Here is some static content.</div> + +<script type='text/javascript'> +print(); +</script> diff --git a/uitest/src/main/resources/VAADIN/themes/tests-book/styles.css b/uitest/src/main/resources/VAADIN/themes/tests-book/styles.css new file mode 100644 index 0000000000..02669ae3db --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-book/styles.css @@ -0,0 +1,208 @@ +@import url(../runo/legacy-styles.css); + +/*****************************************************************************/ +/* Styling for tests.magi application. */ +/*****************************************************************************/ + +.v-app { + background: white; +} + +/*****************************************************************************/ +/* For example_Forms() */ +/*****************************************************************************/ +.v-form { + border: thin solid; + padding: 5px 5px 5px 5px; +} + + +/*****************************************************************************/ +/* For example_Table() */ +/*****************************************************************************/ +/* Table rows contain three-row TextField components. */ +.v-table-components-inside .v-table-cell-content { + height: 54px; /* 3*18px = 54px. */ +} + +/****************************************************************************** + * For TableCellStyle.java. + ******************************************************************************/ +/* Center the text in header. */ +.v-table-header-cell { + text-align: center; +} + +/* Basic style for all cells. */ +.v-table-checkerboard .v-table-cell-content { + text-align: center; + vertical-align: middle; + padding-top: 12px; + width: 20px; + height: 28px; +} + +/* Style specifically for the row header cells. */ +.v-table-cell-content-rowheader { + background: #E7EDF3 url(../default/table/img/header-bg.png) repeat-x scroll 0 0; +} + +/* Style specifically for the "white" cells. */ +.v-table-cell-content-white { + background: white; + color: black; +} + +/* Style specifically for the "black" cells. */ +.v-table-cell-content-black { + background: black; + color: white; +} + +/*****************************************************************************/ +/* For example_Tree() */ +/*****************************************************************************/ + +.v-expandlayout-treeexample .v-panel .v-orderedlayout { + padding: 0px; +} + +.v-orderedlayout-margin-top { padding-top: 0px; } +.v-orderedlayout-margin-left { padding-left: 0px; } +.v-orderedlayout-margin-bottom { padding-bottom: 0px; } +.v-orderedlayout-margin-right { padding-right: 0px; } + +/*****************************************************************************/ +/* For example_GridLayout() */ +/*****************************************************************************/ +table.v-gridlayout-example-gridlayout { + background: blue; +} + +.v-gridlayout-example-gridlayout td { + background: white; +} + +/*****************************************************************************/ +/* For example_Alignment() */ +/*****************************************************************************/ +.v-gridlayout-example-alignment { + background: blue; +} +.v-gridlayout-example-alignment .v-expandlayout { + background: white; + width: 150px; + height: 75px; +} + +.v-orderedlayout { + margin: 5px; +} + +/* For SelectExample.java. */ +.v-orderedlayout tr { + vertical-align: top; +} + +/*****************************************************************************/ +/* For example_ProgressIndicator() */ +/*****************************************************************************/ +.v-progressindicator-invisible { + display: none; +} + +.v-progressindicator-fullwidth { + width: 100px; +} + +/*****************************************************************************/ +/* For example_Spacing() */ +/*****************************************************************************/ +.v-orderedlayout-spacingexample table { + background: blue; +} + +.v-orderedlayout-spacingexample td { + background: white; +} + +/* Set horizontal cell spacing for all OrderedLayouts. */ +.v-orderedlayout-hspacing { + padding-left: 10px; +} + +/* Set horizontal cell spacing in specific layout with "spacingexample" style. */ +.v-orderedlayout-spacingexample .v-orderedlayout-hspacing { + padding-left: 30px; +} + +/* Set vertical cell spacing in specific layout with "spacingexample" style. */ +.v-orderedlayout-spacingexample .v-orderedlayout-vspacing { + margin-top: 30px; +} + +table.v-gridlayout-spacingexample { + background: blue; +} + +.v-gridlayout-spacingexample td { + background: white; +} + +/*****************************************************************************/ +/* For example_Margin() */ +/*****************************************************************************/ +.v-orderedlayout-marginexample1 { padding-left: 200px; } +.v-orderedlayout-marginexample1 { padding-right: 100px; } +.v-orderedlayout-marginexample1 { padding-top: 50px; } +.v-orderedlayout-marginexample1 { padding-bottom: 25px; } + +.v-orderedlayout-marginexample2 .v-orderedlayout-margin-left { padding-left: 200px; } +.v-orderedlayout-marginexample2 .v-orderedlayout-margin-right { padding-right: 100px; } +.v-orderedlayout-marginexample2 .v-orderedlayout-margin-top { padding-top: 50px; } +.v-orderedlayout-marginexample2 .v-orderedlayout-margin-bottom { padding-bottom: 25px; } + +.v-orderedlayout-marginexample1 { background: #d0d0ff; border: 1px;} +.v-orderedlayout-marginexample2 { background: #ffd0d0; border: 1px;} +.v-orderedlayout-marginexample table { background: white; } + +/*****************************************************************************/ +/* For example_RichTextArea() */ +/*****************************************************************************/ +.v-richtextarea-richtextexample .gwt-ToggleButton .gwt-Image { + background-image: url(img/richtextarea-toolbar-fi.png) !important; +} + +/*****************************************************************************/ +/* For example_Layout() */ +/*****************************************************************************/ +.v-verticallayout-layoutexample { + background: gray; +} + +.layoutexample .v-verticallayout .v-label { + color: white; + background: gray; +} + +.layoutexample .v-label-title { + font-size: 24pt; + color: white; + line-height:36pt; + background: black; +} + +.layoutexample .v-panel .v-label { + font-size: 24pt; + color: gray; + line-height: 36pt; + background: white; +} + +.layoutexample .treecontainer, .layoutexample .v-panel, .layoutexample .v-caption { + background: white; +} + +.layoutexample .v-horizontallayout-spacing-on { + padding-left: 4px; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-calendar/styles.css b/uitest/src/main/resources/VAADIN/themes/tests-calendar/styles.css new file mode 100644 index 0000000000..e3fa107751 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-calendar/styles.css @@ -0,0 +1,104 @@ +@import url(../reindeer/legacy-styles.css); + +.v-app { + background: #fff; + } + + +/** Customized phase colors*/ + + +/** + * Green + */ + +/* For month view */ +.v-calendar .v-calendar-event-color1 { + color: #4f8324; + } +.v-calendar .v-calendar-event-color1-all-day { + background-color: #61c114; + } + +/* For week/day view */ +.v-calendar .v-calendar-event-color1 .v-calendar-event-caption { + color: #4f8324; + } +.v-calendar .v-calendar-event-color1 .v-calendar-event-content { + border-color: #61c114; + background-color: #daff70; + } + + +/** + * Blue + */ + +/* For month view */ +.v-calendar .v-calendar-event-color2 { + color: #1c4b8b; + } +.v-calendar .v-calendar-event-color2-all-day { + background-color: #0a56bc; + } + +/* For week/day view */ +.v-calendar .v-calendar-event-color2 .v-calendar-event-caption { + color: #1c4b8b; + } +.v-calendar .v-calendar-event-color2 .v-calendar-event-content { + border-color: #0a56bc; + background-color: #529bff; + } + + +/** + * Red + */ + +/* For month view */ +.v-calendar .v-calendar-event-color3 { + color: #831d1d; + } +.v-calendar .v-calendar-event-color3-all-day { + background-color: #bd1a1a; + } + +/* For week/day view */ +.v-calendar .v-calendar-event-color3 .v-calendar-event-caption { + color: #831d1d; + } +.v-calendar .v-calendar-event-color3 .v-calendar-event-content { + border-color: #bd1a1a; + background-color: #ff9d9d; + } + + +/** + * Orange + */ + +/* For month view */ +.v-calendar .v-calendar-event-color4 { + color: #8b5923; + } +.v-calendar .v-calendar-event-color4-all-day { + background-color: #cd6a00; + } + +/* For week/day view */ +.v-calendar .v-calendar-event-color4 .v-calendar-event-caption { + color: #8b5923; + } +.v-calendar .v-calendar-event-color4 .v-calendar-event-content { + border-color: #cd6a00; + background-color: #faa345; + } + +/** + * Hide time in captions + */ +.v-calendar-event-hide-time .v-calendar-event-caption>span, +.v-calendar-event-hide-time .v-calendar-event-caption>br { + display: none; +}
\ No newline at end of file diff --git a/uitest/src/main/resources/VAADIN/themes/tests-components/images/logo.png b/uitest/src/main/resources/VAADIN/themes/tests-components/images/logo.png Binary files differnew file mode 100644 index 0000000000..9990cd2f28 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-components/images/logo.png diff --git a/uitest/src/main/resources/VAADIN/themes/tests-components/styles.css b/uitest/src/main/resources/VAADIN/themes/tests-components/styles.css new file mode 100644 index 0000000000..c0b545609c --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-components/styles.css @@ -0,0 +1,64 @@ +@import url(../reindeer/legacy-styles.css); + +.missing { + color: red; + font-weight: bold; +} + +.v-tree-node-caption-red { + color: red; +} + +.v-tree-node-caption-green { + color: green; +} + +.v-tree-node-caption-blue { + color: blue; +} + +.v-filterselect-item-bold, +.v-tree-node-caption-bold { + font-weight: bold; +} + +.background-lightblue { + background: lightblue; +} + +.border-red-1px { + border: 1px solid red; +} + +.border-blue-2px { + border: 2px solid blue; +} + +.v-table-row-tables-test-cell-style-red-row, +.v-table-cell-content-tables-test-cell-style-red-row { + background: #f00; +} + +.v-layout.test { + border: 1px solid #ddd; +} + +.v-layout.test .target { + outline: 2px dashed blue; +} + +.fieldset { + padding: .5em 1em; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); + -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); + box-shadow: inset 0 1px 2px rgba(0,0,0,.2); + border-radius: .5em; + background: rgba(0,0,0,.02); +} + +.displaynone { + height: 0; + width: 0; + display: none; +} +}
\ No newline at end of file diff --git a/uitest/src/main/resources/VAADIN/themes/tests-responsive/styles.css b/uitest/src/main/resources/VAADIN/themes/tests-responsive/styles.css new file mode 100644 index 0000000000..a06c920fe9 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-responsive/styles.css @@ -0,0 +1,116 @@ +@import url(../reindeer/legacy-styles.css); + +.grid { + overflow: visible; +} + +/* Style the items in the grid */ +.grid > .v-label { + outline: 1px dotted rgba(0, 0, 0, .3); + text-align: center; + padding: 2em 0; + font-size: 16px; + font-weight: bold; +} + +/* We want the items in the grid to stay between 100px and 200px, if possible */ +.first[width-range~="-200px"] .v-label { + width: 100%; +} + +.first[width-range~="201px-400px"] > .v-label { + width: 50%; +} + +.first[width-range~="401px-600px"] > .v-label { + width: 33.3333%; +} + +.first[width-range~="601-800"] > .v-label { + width: 25%; +} + +.first[width-range~="801-1000px"] > .v-label { + width: 20%; +} + +.first[width-range~="1001px-"] > .v-label { + width: 16.6667%; +} + +.second[width-range~="0-100px"] .v-label { + width: 100%; +} + +.second[width-range~="101px-200px"] > .v-label { + width: 50%; +} + +.second[width-range~="201px-300px"] > .v-label { + width: 33.3333%; +} + +.second[width-range~="301px-400px"] > .v-label { + width: 25%; +} + +.second[width-range~="401px-500px"] > .v-label { + width: 20%; +} + +.second[width-range~="501px-"] > .v-label { + width: 16.6667%; +} + +.description { + padding: 1em; + line-height: 1.5; +} + +.description[width-range="-100px"] { + font-size: 10px; +} + +.description[width-range="101px-200px"] { + font-size: 12px; +} + +.description[width-range="200px-350px"] { + font-size: 14px; +} + +.description[width-range="351px-500px"] { + font-size: 18px; +} + +.description[width-range="501px-700px"] { + font-size: 24px; +} + +.description[width-range="701px-"] { + font-size: 30px; +} + +/* Styles for ResponsiveWidthAndHeight test. */ +.v-csslayout-width-and-height[width-range~="0-599px"][height-range~="0-499px"] { + background: blue; + color: #fff; +} +.v-csslayout-width-and-height[height-range~="500px-"][width-range~="600px-"] { + background: red; +} + +/* Styles for ResponsiveLayoutUpdate test */ +.layout-update .change-width { + white-space: normal; + background: #ddd; +} +.layout-update[width-range="0-599px"] .change-width { + width: 200px; + height: 200px; +} + +.layout-update[width-range="600px-"] .change-width { + width: 300px; + height: 300px; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-table/styles.css b/uitest/src/main/resources/VAADIN/themes/tests-table/styles.css new file mode 100644 index 0000000000..78193c0982 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-table/styles.css @@ -0,0 +1,5 @@ +@import url(../reindeer/legacy-styles.css); + +.v-table-footer-container, .v-table-cell-wrapper { + text-align: center; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/favicon.ico b/uitest/src/main/resources/VAADIN/themes/tests-tickets/favicon.ico Binary files differnew file mode 100644 index 0000000000..1f81f0de76 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/favicon.ico diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/folder with space/resource with special $chars@.txt b/uitest/src/main/resources/VAADIN/themes/tests-tickets/folder with space/resource with special $chars@.txt new file mode 100644 index 0000000000..dff31dd51f --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/folder with space/resource with special $chars@.txt @@ -0,0 +1 @@ +Just ordinary contents here
\ No newline at end of file diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/EmbeddedInSubWindow-image.png b/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/EmbeddedInSubWindow-image.png Binary files differnew file mode 100644 index 0000000000..fb965345bb --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/EmbeddedInSubWindow-image.png diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/au.gif b/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/au.gif Binary files differnew file mode 100644 index 0000000000..5269c6a0e0 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/au.gif diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/fi.gif b/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/fi.gif Binary files differnew file mode 100644 index 0000000000..8d3a191828 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/fi.gif diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/hu.gif b/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/hu.gif Binary files differnew file mode 100644 index 0000000000..6142d86817 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/hu.gif diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/se.gif b/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/se.gif Binary files differnew file mode 100644 index 0000000000..80f6285228 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/icons/se.gif diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket14340.html b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket14340.html new file mode 100644 index 0000000000..ccb0717f9c --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket14340.html @@ -0,0 +1,2 @@ +<div location="" style="height: 100px"></div> + diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1519_News.html b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1519_News.html new file mode 100644 index 0000000000..0ac582cfbe --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1519_News.html @@ -0,0 +1,41 @@ + +<h3>News</h3> + +<p> +IT Mill was founded in 2000 to develop this new programming paradigm +that would support the creation of real user interfaces for real +application using real programming languages. +</p> + +<p> +IT Mill has been offering high-quality expert services to support its +customers' software development from the start. This model has made it +possible for the company to grow and develop realistically and solely +on net income. +</p> + +<p> +The development of company's proprietary MillstoneTM technology +started at the end of 2000 in cooperation with Tekes, the National +Technology Agency of Finland. The first new Millstone customer +applications were launched already in 2001. +</p> + +<p> +Version 3.0 of the Millstone user interface library was published +using an open LGPL license in December 2002, making it possible to use +the library free of charge all around the world. +</p> + +<p> +Until 2005 more than 50 % of IT Mill's turnover was derived from sales +of Millstone specialist services, with the rest coming from sales of +other software development services and outsourcing services. +</p> + +<p> +In late 2006 IT Mill ensured funding of the new generation of +Millstone. IT Mill Toolkit was released in early 2007 and renamed +Vaadin in 2009. +</p> + diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1519_Support.html b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1519_Support.html new file mode 100644 index 0000000000..aca7e2a66d --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1519_Support.html @@ -0,0 +1,16 @@ + +<h3>Support</h3> + +<p> +IT Mill offers a service, one that is expert, flexible and reliable. +We cover the gamut of software development - we are technology +consultants, a turnkey systems providers, a support center for the +customer's internal product development. +</p> + +<p> +We offer maintenance as well as additional development services for +all the software we build. However, it is one of our principles that +the customer should always be free to solicit competing bids for +further development and software maintenance. +</p> diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1775.html b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1775.html new file mode 100644 index 0000000000..80eec49b7f --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1775.html @@ -0,0 +1,33 @@ + +<!-- Vaadin components are placed with divs that have matching +location tag --> + +<table> + <tr> + <td><img src="icon_intro.png" /></td> + <td width="80%"><b>This is an example application that uses custom layouts</b></td> + <td align="right"> + <!-- login components --> + <table align="right"> + <tr> + <td><div location="loginUser"></div></td> + <td><div location="loginPassword"></div></td> + <td><div style="width:100px;margin-top:1em" location="loginButton"></div></td> + </tr> + </table> + </td> + </tr> +</table> + +<table> + <tr> + <!-- menu component --> + <td valign="top" width="150"> + <div location="menu"></div> + </td> + <!-- body component, updated by menu clicked event --> + <td valign="top"> + <div location="body"></div> + </td> + </tr> +</table> diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1975.html b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1975.html new file mode 100644 index 0000000000..9c7a6942c9 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket1975.html @@ -0,0 +1 @@ +<b>Testing custom layout..</b> diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket2022.html b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket2022.html new file mode 100644 index 0000000000..6bde912879 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket2022.html @@ -0,0 +1,2 @@ +<div>This is an utf-8 string: åäöéèáèë<br/> +The same in ISO-8859-1: åäöéèáèë</div> diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket2296.html b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket2296.html new file mode 100644 index 0000000000..9baf164d06 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket2296.html @@ -0,0 +1,10 @@ +<table width="100%" height="100%"> + <tr> + <td> + <div location="button1" style="height: 100px"></div> + </td> + <td width="500" style="background: darkgrey;"> + <div location="button2" style="height: 200px"></div> + </td> + </tr> +</table> diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket2347.html b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket2347.html new file mode 100644 index 0000000000..a9bf8d0f9f --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/layouts/Ticket2347.html @@ -0,0 +1,10 @@ +<table> + <tr> + <td location="button1" style="border: 0; padding: 0"> + </td> + </tr> + <tr> + <td location="button2" style="border: 0; padding: 0"> + </td> + </tr> +</table> diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/ordinary.txt b/uitest/src/main/resources/VAADIN/themes/tests-tickets/ordinary.txt new file mode 100644 index 0000000000..dff31dd51f --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/ordinary.txt @@ -0,0 +1 @@ +Just ordinary contents here
\ No newline at end of file diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/percentagein%20name.txt b/uitest/src/main/resources/VAADIN/themes/tests-tickets/percentagein%20name.txt new file mode 100644 index 0000000000..dff31dd51f --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/percentagein%20name.txt @@ -0,0 +1 @@ +Just ordinary contents here
\ No newline at end of file diff --git a/uitest/src/main/resources/VAADIN/themes/tests-tickets/styles.css b/uitest/src/main/resources/VAADIN/themes/tests-tickets/styles.css new file mode 100644 index 0000000000..b96fcbb23d --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-tickets/styles.css @@ -0,0 +1,382 @@ +@import url(../runo/legacy-styles.css); + +/* DO NOT ADD GENERIC RULES LIKE .v-table IN THIS FILE */ +/* Instead prefix with e.g .v-app-<TestClass> or other unique selectors */ +/*****************************************************************************/ + +/*****************************************************************************/ +/* com.vaadin.tests.components.combobox.ComboBoxBorder */ +/*****************************************************************************/ +.v-slot-ComboBoxBorder .v-filterselect-error { + /* Ticket 11267 */ + border: 1px solid #FF0000 ; + height: 25px; /* runo: 23+2, reindeer: 24+2 */ +} + +/*****************************************************************************/ +/* Ticket 1904 */ +/*****************************************************************************/ + +.v-orderedlayout-ticket1904 { + background-color: red; +} + +.v-orderedlayout-ticket1904-margin-top { + padding-top: 20px; +} +.v-orderedlayout-ticket1904-margin-right { + padding-right: 10px; +} +.v-orderedlayout-ticket1904-margin-bottom { + padding-bottom: 40px; +} +.v-orderedlayout-ticket1904-margin-left { + padding-left: 5px; +} + +.v-orderedlayout-ticket1904-vspacing { + margin-top: 20px; +} +.v-orderedlayout-ticket1904-hspacing { + padding-left: 40px; +} + +/*****************************************************************************/ +/* Ticket 1710 */ +/*****************************************************************************/ + +.v-orderedlayout-tested-layout, .v-gridlayout-tested-layout, .v-expandllayout-tested-layout { + background-color: #fff; +} + +.v-panel-content-layout-testing-panel { + background-color: #eee; +} + +.v-panel-content-testarea { + background-color: #f4f4f4; +} + + + + +/*****************************************************************************/ +/* Ticket 1857 */ +/*****************************************************************************/ + +.v-table-cell-content-old { + color: brown; +} + +.v-table-cell-content-young { + color: green; +} + +/*****************************************************************************/ +/* Ticket 1902 */ +/*****************************************************************************/ + +.v-orderedlayout-red-background { + background: red; + } + +/*****************************************************************************/ +/* Ticket 1921 */ +/*****************************************************************************/ + +.v-orderedlayout-red { + background: red; +} + +.v-orderedlayout-blue { + background: blue; +} + +/*****************************************************************************/ +/* Ticket 1924 */ +/*****************************************************************************/ + +.v-label-red { + background: red; +} + +/** #1953 */ +.v-gridlayout-borders td, +.v-gridlayout-borders { + border: 1px solid black; + border-collapse: collapse; +} + +.v-button-test-heading + { + width: 100px; + height: 50px; + } + + .v-label-test-spacer + { + width: 20px; + height: 48px; + background-color: black; + } + + .v-label-test-cell + { + width: 100px; + height: 48px; + } + + .v-label-test-col-head + { + width: 100px; + height: 48px; + background-color: navy; + text-align: center; + } + + .v-button-test-page-change + { + width: 100px; + height: 50px; + } +/*****************************************************************************/ +/* Ticket 124 */ +/*****************************************************************************/ + +.v-gridlayout-border td { + border: 1px solid black; +} + +/* #1919 */ + +.v-gridlayout-test .v-gridlayout-margin-top { + padding-top: 100px; +} + +.v-gridlayout-test .v-gridlayout-margin-left { + padding-left: 5px; +} +.v-gridlayout-test .v-gridlayout-margin-right { + padding-right: 50px; +} +.v-gridlayout-test .v-gridlayout-margin-bottom { + padding-bottom: 0 px; +} + +.v-gridlayout-test .v-gridlayout-margin-spacing { + padding-left: 40px; + padding-top: 40px; +} + + + + + + +/*****************************************************************************/ +/* No ticket, just for general test cases */ +/*****************************************************************************/ + +.v-label-no-padding { + padding: 0; + background: lime; +} + + +/*****************************************************************************/ +/* Table Cell Generator test +/*****************************************************************************/ + +.v-table-cell-content-red { + background: red; +} + +.v-table-cell-content-green { + background: lightgreen; +} + + + +/*****************************************************************************/ +/* Ticket 2222 */ +/*****************************************************************************/ +.v-orderedlayout-ticket2222 .v-orderedlayout-margin-top { + padding-top: 100px; +} +.v-orderedlayout-ticket2222 .v-orderedlayout-margin-right { + padding-right: 20px; +} +.v-orderedlayout-ticket2222 .v-orderedlayout-margin-bottom { + padding-bottom: 30px; +} + +.v-orderedlayout-ticket2222 .v-orderedlayout-margin-left { + padding-left: 40px; +} + +.v-orderedlayout-ticket2222 .v-orderedlayout-spacing-on { + padding-top: 50px; + padding-left: 60px; +} + +.borders { + border: 1px solid black; +} + +.v-gridlayout-ticket2222 .v-gridlayout-margin-top { + padding-top: 100px; +} +.v-gridlayout-ticket2222 .v-gridlayout-margin-right { + padding-right: 20px; +} +.v-gridlayout-ticket2222 .v-gridlayout-margin-bottom { + padding-bottom: 30px; +} + +.v-gridlayout-ticket2222 .v-gridlayout-margin-left { + padding-left: 40px; +} + +.v-gridlayout-ticket2222 .v-gridlayout-spacing-on { + padding-top: 50px; + padding-left: 20px; +} + +.ticket2231 { + margin: 50px; +} + +.ticket2231-border { + border: 2em solid red; +} + +/*****************************************************************************/ +/* Ticket 2232 */ +/*****************************************************************************/ + +.v-gridlayout-t2232 .v-gridlayout-spacing-off { + padding-top: 50px; + padding-left: 20px; +} + +.v-orderedlayout-t2232 .v-orderedlayout-spacing-off { + padding-top: 25px; + padding-left: 25px; +} + +/*****************************************************************************/ +/* Ticket 2273 */ +/*****************************************************************************/ +.ticket2273-button { + float: right; +} + +/*****************************************************************************/ +/* Ticket 4997 +/*****************************************************************************/ +.v-caption-ticket4997-red { + color:red; +} + +.v-caption-ticket4997-blue { + color:blue; +} + +.dispnone { + display:none; +} + +.redborder { + border: 1px solid red; +} + +/* #2434 */ +.v-table-bordered .v-table-body td { + border-bottom: 1px solid red; +} + +/* #2747 */ +.v-button-nowraplink span { + white-space: normal; +} + +.cyan { + background:cyan; +} + +.yellow { + background:yellow; +} + +.green { + background:green; +} + +.v-checkbox-wrap label { + white-space: normal; +} + +.v-checkbox-large { + font-size: 40px; + line-height: normal; +} + + +.redblueborders { + border-right: 10px solid red; + border-left: 10px solid blue; +} + +/*****************************************************************************/ +/* Ticket 10179 +/*****************************************************************************/ +#default10179 { + color:red; +} + +#set10179 { + color:blue; +} + +/*****************************************************************************/ +/* The reference screenshots all have a white background */ +/*****************************************************************************/ +.v-ui { + background: #fff; +} + +.styled-twincol-captions .v-select-twincol-caption-left { + color: red; +} +.styled-twincol-captions .v-select-twincol-caption-right { + font-size: 30px; + line-height: normal; + color: blue; +} + +.v-tabsheet-pg .v-tabsheet-tabitem-selected { + font-weight: bold +} + +.v-tabsheet-tabitemcell-TabSheetTabStyleNames .v-tabsheet-tabitem-selected .v-caption { + background-color: green; +} + +.v-tabsheet-tabitemcell-TabSheetTabStyleNames .v-caption { + font-weight: bold; + background: none; + margin-left: 0px; + background-color: blue; +} +.v-tabsheet-tabitemcell-TabSheetTabStyleNames_0 .v-caption { + color: blue; +} + +.v-tabsheet-tabitemcell-TabSheetTabStyleNames_1 .v-caption { + color: red; +} + +.v-tabsheet-tabitemcell-TabSheetTabStyleNames .v-tabsheet-tabitem { + background: none; + border: 2px solid red; +}
\ No newline at end of file diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-blueprint/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-blueprint/_variables.scss new file mode 100644 index 0000000000..696da0b69e --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-blueprint/_variables.scss @@ -0,0 +1,20 @@ +$v-app-loading-text: "Blueprint Valo"; +$v-background-color: #1a61b7; +$v-focus-color: #fff; +$v-panel-background-color: $v-background-color; +$v-overlay-background-color: $v-background-color; +$valo-menu-background-color: $v-background-color; +$v-overlay-shadow: 0 0 0 1px rgba(#fff, .5); +$v-window-shadow: $v-overlay-shadow; +$v-window-modality-curtain-background-color: $v-background-color; +$v-bevel: false; +$v-gradient: false; +$v-shadow: false; +$v-textfield-bevel: false; +$v-textfield-shadow: false; +$v-border: 1px solid (v-tint 1.5); +$v-textfield-background-color: $v-background-color; +$v-font-family: sans-serif; +$v-font-size: 18px; + +@import "../valo/valo"; diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-blueprint/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-blueprint/styles.scss new file mode 100644 index 0000000000..9433f4eba6 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-blueprint/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-blueprint { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-contrast/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-contrast/_variables.scss new file mode 100644 index 0000000000..962bc8f299 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-contrast/_variables.scss @@ -0,0 +1,3 @@ +$v-font-color-contrast: 0.1; + +@import "../valo/valo"; diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-contrast/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-contrast/styles.scss new file mode 100644 index 0000000000..231a9de50d --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-contrast/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-contrast { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-dark/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-dark/_variables.scss new file mode 100644 index 0000000000..ea40e1eb89 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-dark/_variables.scss @@ -0,0 +1,19 @@ +$v-app-loading-text: "Dark Valo"; +$v-background-color: #444d50; +$v-focus-color: #07a9ca; +$v-focus-style: 0 0 3px 2px $v-focus-color; +$v-bevel-depth: 40%; +$v-gradient: v-linear 12%; +$v-border-radius: 10px; +$v-font-family: Roboto, sans-serif; +$v-font-weight: 400; +$v-font-weight--header: 400; +$v-bevel: inset 0 1px 2px v-tint, inset 0 0 1px (v-tint 0.1); +$v-shadow: 0 0 0 3px rgba(0,0,0,0.32), 0 1px 0 3px rgba(255,255,255,0.14); +$v-textfield-bevel: inset 0 2px 2px v-shade; +$v-textfield-shadow: $v-shadow; +$v-unit-size: 40px; +$v-overlay-shadow: 0 0 0 3px (v-shade 8), 0 5px 10px (v-shade 4); +$v-component-group-spacing: 6px; + +@import "../valo/valo"; diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-dark/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-dark/styles.scss new file mode 100644 index 0000000000..13f98ae418 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-dark/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-dark { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-disabled-animations/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-disabled-animations/_variables.scss new file mode 100644 index 0000000000..d2411c675c --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-disabled-animations/_variables.scss @@ -0,0 +1,3 @@ +$v-animations-enabled: false; + +@import "../valo/valo"; diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-disabled-animations/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-disabled-animations/styles.scss new file mode 100644 index 0000000000..b941c1b3d1 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-disabled-animations/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-disabled-animations { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-facebook/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-facebook/_variables.scss new file mode 100644 index 0000000000..5b83aae4ca --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-facebook/_variables.scss @@ -0,0 +1,24 @@ +$v-app-loading-text: "Facebook Valo"; +$v-background-color: #fafafa; +$v-app-background-color: #e7ebf2; +$v-panel-background-color: #fff; +$v-focus-color: #3b5998; +$v-focus-style: 0 0 1px 1px rgba($v-focus-color, .5); +$v-border-radius: 3px; +$v-textfield-border-radius: 0; +$v-font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; +$v-font-size: 14px; +$v-font-color: #37404E; +$v-font-weight: 400; +$v-link-text-decoration: none; +$v-shadow: 0 1px 0 (v-shade 0.2); +$v-bevel: inset 0 1px 0 v-tint; +$v-unit-size: 30px; +$v-gradient: v-linear 12%; +$v-overlay-shadow: 0 3px 8px v-shade, 0 0 0 1px (v-shade 0.7); +$v-shadow-opacity: 20%; +$v-selection-overlay-padding-horizontal: 0; +$v-selection-overlay-padding-vertical: 6px; +$v-selection-item-border-radius: 0; + +@import "../valo/valo"; diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-facebook/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-facebook/styles.scss new file mode 100644 index 0000000000..7b784627b2 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-facebook/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-facebook { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-flat/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-flat/_variables.scss new file mode 100644 index 0000000000..298e26ac36 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-flat/_variables.scss @@ -0,0 +1,44 @@ +$v-app-loading-text: "Flat Valo"; + +$v-font-family: "Roboto", sans-serif; +$v-font-weight: 400; +$v-font-weight--header: 400; +$v-background-color: #fff; +$v-focus-color: rgb(150,190,90); +$v-luminance-threshold: 180; +$v-border: 2px solid v-shade; +$v-border-radius: 6px; +$v-bevel: false; +$v-gradient: false; +$v-shadow: false; +$v-textfield-bevel: false; +$v-textfield-shadow: false; +$v-link-text-decoration: false; +$v-selection-overlay-padding-horizontal: 0; +$v-selection-overlay-padding-vertical: 6px; +$v-selection-item-height: 30px; +$v-selection-item-border-radius: 0; +$valo-menu-background-color: #eee; + + +@import "../valo/valo"; + + +.valo-test { + .v-button-primary.v-button-primary { + background: #fff; + border-color: $v-focus-color; + color: $v-focus-color; + } + + .v-button-danger.v-button-danger { + background: #fff; + border-color: $v-error-indicator-color; + color: $v-error-indicator-color; + } + + .v-slider-base:before, + .v-slider-base:after { + border: none !important; + } +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-flat/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-flat/styles.scss new file mode 100644 index 0000000000..7b981de04a --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-flat/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-flat { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-flatdark/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-flatdark/_variables.scss new file mode 100644 index 0000000000..fa785af8b8 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-flatdark/_variables.scss @@ -0,0 +1,20 @@ +$v-app-loading-text: "Dark & Flat Valo"; + +$v-background-color: #000; +$v-focus-color: #ffa500; +$v-font-size: 15px; +$v-font-weight: 600; +$v-unit-size: 42px; +$v-bevel: false; +$v-shadow: false; +$v-gradient: false; +$v-textfield-bevel: false; +$v-textfield-shadow: false; +$v-border-radius: 0; +$v-border: 2px solid v-tone; +$v-overlay-shadow: 0 0 0 2px (v-tint 10); +$v-focus-style: $v-focus-color; +$v-font-family: "Lato", sans-serif; +$v-font-weight--header: 600; + +@import "../valo/valo"; diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-flatdark/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-flatdark/styles.scss new file mode 100644 index 0000000000..d0871fcba2 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-flatdark/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-flatdark { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-light/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-light/_variables.scss new file mode 100644 index 0000000000..e851f075e4 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-light/_variables.scss @@ -0,0 +1,24 @@ +$v-app-loading-text: "Light Valo"; + +$v-background-color: hsl(0, 0, 99.5%); +$v-app-background-color: #fff; +$v-focus-color: hsl(218, 80%, 60%); +$v-border: 1px solid (v-shade 0.6); +$v-border-radius: 3px; +$v-bevel: inset 0 1px 0 v-tint; +$v-textfield-bevel: false; +$v-gradient: v-linear 3%; +$v-shadow: false; +$valo-menu-background-color: hsl(218, 20%, 98%); +$v-friendly-color: hsl(163, 61%, 41%); +$v-error-indicator-color: hsl(349, 66%, 56%); + + +@import "../valo/valo"; + +.tests-valo-light .valo-menu .valo-menu-title { + background: $v-app-background-color; + color: $v-selection-color; + text-shadow: none; + border-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-light/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-light/styles.scss new file mode 100644 index 0000000000..12ee8a780e --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-light/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-light { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-metro/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-metro/_variables.scss new file mode 100644 index 0000000000..f11cdb8b64 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-metro/_variables.scss @@ -0,0 +1,26 @@ +$v-app-loading-text: "Metro Valo"; + +$v-font-family: "Source Sans Pro", sans-serif; +$v-app-background-color: #fff; +$v-background-color: #eee; +$v-focus-color: #0072C6; +$v-focus-style: 0 0 0 1px $v-focus-color; +$valo-menu-background-color: darken($v-focus-color, 10%); +$v-border: 0 solid v-shade; +$v-border-radius: 0px; +$v-bevel: false; +$v-gradient: false; +$v-shadow: false; +$v-textfield-bevel: false; +$v-textfield-shadow: false; +$v-textfield-border: 1px solid v-shade; +$v-link-text-decoration: none; +$v-overlay-shadow: 0 0 0 2px #000; +$v-overlay-border-width: 2px; // For IE8 +$v-window-shadow: $v-overlay-shadow; +$v-selection-overlay-background-color: #fff; +$v-selection-overlay-padding-horizontal: 0; +$v-selection-overlay-padding-vertical: 6px; +$v-panel-border: 2px solid v-shade; + +@import "../valo/valo"; diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-metro/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-metro/styles.scss new file mode 100644 index 0000000000..51b3427a12 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-metro/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-metro { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-no-font-awesome/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-no-font-awesome/_variables.scss new file mode 100644 index 0000000000..59b31a4a68 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-no-font-awesome/_variables.scss @@ -0,0 +1,3 @@ +$v-font-awesome: false; + +@import "../valo/valo"; diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-no-font-awesome/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-no-font-awesome/styles.scss new file mode 100644 index 0000000000..d66db2b0d6 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-no-font-awesome/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-no-font-awesome { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-textfield-bevel/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-textfield-bevel/_variables.scss new file mode 100644 index 0000000000..b1b215a40c --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-textfield-bevel/_variables.scss @@ -0,0 +1,3 @@ +$v-bevel: false; + +@import "../valo/valo"; diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo-textfield-bevel/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo-textfield-bevel/styles.scss new file mode 100644 index 0000000000..96a3ca63b6 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo-textfield-bevel/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-textfield-bevel { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo/_valotest.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo/_valotest.scss new file mode 100644 index 0000000000..568dfec0b8 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo/_valotest.scss @@ -0,0 +1,148 @@ +@mixin valotest { + @include valo; + + #themeSelect { + position: fixed; + z-index: 1000; + top: 0; + right: 0; + padding: 0 10px; + background-color: darken($v-app-background-color, 5%); + background-color: rgba(darken($v-app-background-color, 5%), .9); + color: valo-font-color($v-app-background-color); + border-radius: 0 0 0 $v-border-radius; + + &:before { + content: "Theme:"; + } + + select { + background: transparent; + color: inherit; + border: none; + display: inline-block; + } + } + + .v-ui { + @include width-range($max: 800px) { + #themeSelect { + top: $v-unit-size; + } + } + } + + $color1: hsl(220, 5%, 38%); + $color2: #5d73c0; + $color3: #3dbc1a; + $color4: #d2f4f3; + $color5: #fe902a; + $colors: $color1, $color2, $color3, $color4, $color5; + + .v-textfield-color1 { + @include valo-textfield-style($background-color: $color1); + } + + .v-textfield-color2 { + @include valo-textfield-style($background-color: $color3); + } + + .v-textfield-color3 { + @include valo-textfield-style($background-color: $color4); + } + + + .v-textarea-color1 { + @include valo-textarea-style($background-color: $color1); + } + + .v-textarea-color2 { + @include valo-textarea-style($background-color: $color3); + } + + .v-textarea-color3 { + @include valo-textarea-style($background-color: $color4); + } + + + .v-datefield-color1 { + @include valo-datefield-style($background-color: $color1); + } + + .v-datefield-color2 { + @include valo-datefield-style($background-color: $color3); + } + + .v-datefield-color3 { + @include valo-datefield-style($background-color: $color4); + } + + + .v-filterselect-color1 { + @include valo-combobox-style($background-color: $color1); + } + + .v-filterselect-color2 { + @include valo-combobox-style($background-color: $color3); + } + + .v-filterselect-color3 { + @include valo-combobox-style($background-color: $color4); + } + + + $copy: $v-selection-color; + $v-selection-color: white; + .v-checkbox-color1 { + @include valo-checkbox-style($background-color: $color1); + } + + .v-checkbox-color2 { + @include valo-checkbox-style($background-color: $color2); + } + $v-selection-color: $copy; + + + .v-slider-color1 { + @include valo-slider-handle-style($background-color: $color1); + } + + .v-slider-color2 { + @include valo-slider-track-style($background-color: $color3); + } + + .v-slider-color3 { + @include valo-slider-indicator-style($background-color: #dcdc1e); + } + + + .v-panel-caption-color1 { + @include valo-panel-caption-style($background-color: $color1); + } + + .v-panel-caption-color2 { + @include valo-panel-caption-style($background-color: $color3); + } + + .v-panel-caption-color3 { + @include valo-panel-caption-style($background-color: $color5); + } + + // Show splitpanel borders + .v-splitpanel-vertical, + .v-splitpanel-horizontal { + outline: 1px dotted rgba(gray, .2); + } + + .v-slider-ticks { + @include valo-slider-ticks($tick-count: 5); + } + + .v-accordion-item-color1 .v-accordion-item-caption { + @include valo-accordion-item-caption-style($background-color: $color2); + } + + .v-menubar-color1 { + @include valo-menubar-style($background-color: $v-selection-color, $unit-size: null); + } +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo/_variables.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo/_variables.scss new file mode 100644 index 0000000000..c227156e2e --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo/_variables.scss @@ -0,0 +1,3 @@ +$v-app-loading-text: "Default Valo"; + +@import "../valo/valo"; diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo/img/profile-pic-300px.jpg b/uitest/src/main/resources/VAADIN/themes/tests-valo/img/profile-pic-300px.jpg Binary files differnew file mode 100644 index 0000000000..8a98078243 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo/img/profile-pic-300px.jpg diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo/styles.scss b/uitest/src/main/resources/VAADIN/themes/tests-valo/styles.scss new file mode 100644 index 0000000000..1ba0b29b04 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo/styles.scss @@ -0,0 +1,5 @@ +@import "variables"; +@import "valotest"; +.tests-valo { + @include valotest; +} diff --git a/uitest/src/main/resources/VAADIN/themes/tests-valo/uiDependency.css b/uitest/src/main/resources/VAADIN/themes/tests-valo/uiDependency.css new file mode 100644 index 0000000000..e69de29bb2 --- /dev/null +++ b/uitest/src/main/resources/VAADIN/themes/tests-valo/uiDependency.css |
