summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss
diff options
context:
space:
mode:
Diffstat (limited to 'WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss')
-rw-r--r--WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss128
1 files changed, 128 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss b/WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss
new file mode 100644
index 0000000000..c58c25be58
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss
@@ -0,0 +1,128 @@
+@mixin base-tabsheet {
+
+.v-tabsheet,
+.v-tabsheet-content,
+.v-tabsheet-deco {
+ outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+ text-align: left; /* Force default alignment */
+}
+.v-tabsheet-tabs {
+ empty-cells: hide;
+ border-collapse: collapse;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ width: 100%;
+ overflow:hidden;
+}
+.v-tabsheet-tabitemcell:focus {
+ outline: none;
+}
+.v-tabsheet-tabitemcell,
+.v-tabsheet-spacertd {
+ margin: 0;
+ padding: 0;
+ vertical-align: bottom;
+}
+.v-tabsheet-spacertd {
+ width: 100%;
+}
+.v-tabsheet-spacertd div {
+ border-left: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+ height: 1em;
+ padding: 0.2em 0;
+}
+.v-tabsheet-hidetabs .v-tabsheet-tabcontainer {
+ display: none;
+}
+.v-tabsheet-scroller {
+ white-space: nowrap;
+ text-align: right;
+ margin-top: -1em;
+}
+.v-disabled .v-tabsheet-scroller {
+ display: none;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerNext,
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ border: 1px solid #aaa;
+ background: #fff;
+ width: 12px;
+ height: 1em;
+ cursor: pointer;
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ opacity: 0.5;
+ cursor: default;
+}
+.v-tabsheet-tabs .v-caption,
+.v-tabsheet-tabs .v-caption span {
+ white-space: nowrap;
+}
+.v-tabsheet-caption-close {
+ display: inline;
+ display: inline-block;
+ zoom: 1;
+ width: 16px;
+ height: 16px;
+ text-align: center;
+ font-weight: bold;
+ cursor: pointer;
+ vertical-align: middle;
+ user-select: none;
+ -khtml-user-select: none;
+ -ms-user-select: none;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+}
+.v-tabsheet .v-disabled .v-tabsheet-caption-close {
+ cursor: default;
+ visibility: hidden;
+}
+.v-tabsheet-tabitem:hover .v-tabsheet-caption-close {
+ visibility: visible;
+}
+.v-tabsheet-tabitem {
+ border: 1px solid #aaa;
+ border-right: none;
+ cursor: pointer;
+ padding: 0.2em 0.5em;
+}
+.v-tabsheet-tabitem .v-caption {
+ cursor: inherit;
+}
+.v-tabsheet.v-disabled .v-tabsheet-tabitem,
+.v-tabsheet-tabitemcell-disabled .v-tabsheet-tabitem {
+ cursor: default;
+}
+.v-tabsheet-tabitem-selected {
+ cursor: default;
+ border-bottom-color: #fff;
+}
+.v-tabsheet-tabitem-selected .v-caption {
+ cursor: default;
+}
+.v-tabsheet-content {
+ border: 1px solid #aaa;
+ /* Vertical borders are not supported, use v-tabsheet-tabcontainer and v-tabsheet-deco to present these borders */
+ border-top: none;
+ border-bottom: none;
+ position: relative;
+}
+.v-tabsheet-deco {
+ height: 1px;
+ background: #aaa;
+ overflow: hidden;
+}
+.v-tabsheet-hidetabs .v-tabsheet-content {
+ border: none;
+}
+.v-tabsheet-hidetabs .v-tabsheet-deco {
+ height: 0;
+}
+
+} \ No newline at end of file