From cfa455d6cfd4a535fd77cbc76637a57e7024e9ac Mon Sep 17 00:00:00 2001 From: Henri Sara Date: Wed, 8 Aug 2012 14:27:31 +0300 Subject: Standard themes in SCSS form, updated CompileDefaultTheme (#9223) Conversion performed for most themes trivial, just rename file and wrap in a mixin. For chameleon compounds, also nesting used. In some cases, related small files combined in a single SCSS file Chameleon accordion and select contain fixes other than just a missing semicolon. --- .../themes/chameleon/components/table/table.css | 163 -------------------- .../themes/chameleon/components/table/table.scss | 167 +++++++++++++++++++++ 2 files changed, 167 insertions(+), 163 deletions(-) delete mode 100644 WebContent/VAADIN/themes/chameleon/components/table/table.css create mode 100644 WebContent/VAADIN/themes/chameleon/components/table/table.scss (limited to 'WebContent/VAADIN/themes/chameleon/components/table') diff --git a/WebContent/VAADIN/themes/chameleon/components/table/table.css b/WebContent/VAADIN/themes/chameleon/components/table/table.css deleted file mode 100644 index 2bc52bc844..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/table/table.css +++ /dev/null @@ -1,163 +0,0 @@ -.v-table-header-wrap, -.v-table-header-drag { - background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; - height: 1.4em; - line-height: normal; - } - -.v-table-caption-container, -.v-table-header-drag { - padding-top: .2em; - padding-right: 4px; - } - -.v-table-header-drag { - padding-left: .3em; - } - -.v-table-resizer { - background: transparent; - border-right: 1px solid #b3b3b3; - padding-left: 1px; - height: 1.4em; - } - -/* Targets the same element as .v-table-resizer */ -div.v-table-focus-slot-left { - background: transparent; - border-left: 2px solid #b3b3b3; - border-right: none; - padding-left: 0; - padding-right: 1px; - float: left; - margin: 0; - } - -.v-table-row, -.v-table-row-odd { - background: transparent; - } - -.v-table-generated-row { - background: #c9c9c9; - } - -.v-table tr.v-selected { - background-image: url(../../img/grad-light-top2.png); - background-position: 0 -1px; - } - -div.v-table-focus-slot-right { - background: transparent; - border-right: 2px solid #b3b3b3; - padding-left: 0; - margin: 0; - } - -.v-table-column-selector { - margin-top: -1.35em; - } - -.v-table-cell-content { - border-right: none; - padding-right: 7px; - } - -.v-table-caption-container .v-icon { - vertical-align: middle; - margin: -0.37em 2px 0 0; - } - -.v-table-header-drag .v-icon { - vertical-align: middle; - } - -/* column selector */ -.v-contextmenu .v-on, -.v-contextmenu .v-off { - display: block; - background: transparent url(../../icons/bullet.png) no-repeat 0 4px; - padding-left: 12px; - } - -.v-contextmenu .v-off { - background-image: none; - color: #666; - } - -.v-contextmenu .gwt-MenuItem-selected .v-on { - background-image: url(../../icons/bullet-white.png); - } - -.v-table-scrollposition { - font-size: 0.9em; - opacity: .85; - filter: alpha(opacity=85); - } - -/******************************************************************************* - * Small - ******************************************************************************/ -.v-table-small .v-table-caption-container, -.v-table-small .v-table-body { - font-size: 0.85em; - } - -.v-table-small .v-table-resizer, -.v-table-small .v-table-header-wrap { - height: 1.2em; - } - -.v-table-small .v-table-column-selector { - margin-top: -1.2em; - } - - -/******************************************************************************* - * Big - ******************************************************************************/ -.v-table-big .v-table-caption-container, -.v-table-big .v-table-body { - font-size: 1.2em; - } - -.v-table-big .v-table-caption-container { - padding-top: .3em; - } - -.v-table-big .v-table-resizer, -.v-table-big .v-table-header-wrap { - height: 1.8em; - } - -.v-table-big .v-table-column-selector { - margin-top: -1.5em; - } - -/******************************************************************************* - * Striped - ******************************************************************************/ -.v-table-striped .v-table-row-odd { - background-color: #e6e6e6; - } - - -/******************************************************************************* - * Strong - ******************************************************************************/ -.v-table-strong .v-table-caption-container { - font-weight: bold; - } - - -/******************************************************************************* - * Borderless - ******************************************************************************/ -.v-table-borderless .v-table-header-wrap, -.v-table-borderless .v-table-body { - border: none; - } - -div.v-table-borderless .v-table-body { - background: transparent; - } \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/table/table.scss b/WebContent/VAADIN/themes/chameleon/components/table/table.scss new file mode 100644 index 0000000000..8ecc1878ae --- /dev/null +++ b/WebContent/VAADIN/themes/chameleon/components/table/table.scss @@ -0,0 +1,167 @@ +@mixin chameleon-table { + +.v-table-header-wrap, +.v-table-header-drag { + background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; + height: 1.4em; + line-height: normal; + } + +.v-table-caption-container, +.v-table-header-drag { + padding-top: .2em; + padding-right: 4px; + } + +.v-table-header-drag { + padding-left: .3em; + } + +.v-table-resizer { + background: transparent; + border-right: 1px solid #b3b3b3; + padding-left: 1px; + height: 1.4em; + } + +/* Targets the same element as .v-table-resizer */ +div.v-table-focus-slot-left { + background: transparent; + border-left: 2px solid #b3b3b3; + border-right: none; + padding-left: 0; + padding-right: 1px; + float: left; + margin: 0; + } + +.v-table-row, +.v-table-row-odd { + background: transparent; + } + +.v-table-generated-row { + background: #c9c9c9; + } + +.v-table tr.v-selected { + background-image: url(../../img/grad-light-top2.png); + background-position: 0 -1px; + } + +div.v-table-focus-slot-right { + background: transparent; + border-right: 2px solid #b3b3b3; + padding-left: 0; + margin: 0; + } + +.v-table-column-selector { + margin-top: -1.35em; + } + +.v-table-cell-content { + border-right: none; + padding-right: 7px; + } + +.v-table-caption-container .v-icon { + vertical-align: middle; + margin: -0.37em 2px 0 0; + } + +.v-table-header-drag .v-icon { + vertical-align: middle; + } + +/* column selector */ +.v-contextmenu .v-on, +.v-contextmenu .v-off { + display: block; + background: transparent url(../../icons/bullet.png) no-repeat 0 4px; + padding-left: 12px; + } + +.v-contextmenu .v-off { + background-image: none; + color: #666; + } + +.v-contextmenu .gwt-MenuItem-selected .v-on { + background-image: url(../../icons/bullet-white.png); + } + +.v-table-scrollposition { + font-size: 0.9em; + opacity: .85; + filter: alpha(opacity=85); + } + +/******************************************************************************* + * Small + ******************************************************************************/ +.v-table-small .v-table-caption-container, +.v-table-small .v-table-body { + font-size: 0.85em; + } + +.v-table-small .v-table-resizer, +.v-table-small .v-table-header-wrap { + height: 1.2em; + } + +.v-table-small .v-table-column-selector { + margin-top: -1.2em; + } + + +/******************************************************************************* + * Big + ******************************************************************************/ +.v-table-big .v-table-caption-container, +.v-table-big .v-table-body { + font-size: 1.2em; + } + +.v-table-big .v-table-caption-container { + padding-top: .3em; + } + +.v-table-big .v-table-resizer, +.v-table-big .v-table-header-wrap { + height: 1.8em; + } + +.v-table-big .v-table-column-selector { + margin-top: -1.5em; + } + +/******************************************************************************* + * Striped + ******************************************************************************/ +.v-table-striped .v-table-row-odd { + background-color: #e6e6e6; + } + + +/******************************************************************************* + * Strong + ******************************************************************************/ +.v-table-strong .v-table-caption-container { + font-weight: bold; + } + + +/******************************************************************************* + * Borderless + ******************************************************************************/ +.v-table-borderless .v-table-header-wrap, +.v-table-borderless .v-table-body { + border: none; + } + +div.v-table-borderless .v-table-body { + background: transparent; + } + +} \ No newline at end of file -- cgit v1.2.3