From b8dcad0fa6ca1a8e921bbe0f59d4851d5c6d2ffa Mon Sep 17 00:00:00 2001 From: Igor Baiborodine Date: Tue, 23 Jan 2018 21:36:26 -0500 Subject: [PATCH] Migrate to Vaadin 8 (v7 compatibility mode) --- pom.xml | 185 +- .../vaadinspring/JPetStore6Application.java | 3 +- .../jpetstore/vaadinspring/ui/MainUI.java | 8 +- .../ui/component/CartItemListTable.java | 69 +- .../ui/component/ItemListTable.java | 2 +- .../ui/component/OrderListTable.java | 2 +- .../ui/component/ProductListTable.java | 2 +- .../ui/converter/BooleanConverter.java | 2 +- .../ui/converter/CurrencyConverter.java | 2 +- .../ui/converter/DateConverter.java | 2 +- .../vaadinspring/ui/form/AccountForm.java | 32 +- .../ui/form/BillingDetailsForm.java | 16 +- .../vaadinspring/ui/form/ProductItemForm.java | 14 +- .../ui/form/ShippingDetailsForm.java | 10 +- .../vaadinspring/ui/form/SigninForm.java | 6 +- .../vaadinspring/ui/menu/LeftNavBar.java | 6 +- .../vaadinspring/ui/menu/TopNavBar.java | 7 +- .../vaadinspring/ui/view/AbstractView.java | 4 +- .../ui/view/AuthRequiredView.java | 2 +- .../vaadinspring/ui/view/CartView.java | 2 +- .../ui/view/ConfirmOrderView.java | 19 +- .../vaadinspring/ui/view/OrderListView.java | 2 +- .../vaadinspring/ui/view/SearchView.java | 2 +- src/main/resources/application.properties | 1 + .../VAADIN/themes/jpetstoretheme/addons.scss | 4 +- .../VAADIN/themes/jpetstoretheme/styles.css | 3115 +++++++++++++---- 26 files changed, 2706 insertions(+), 813 deletions(-) diff --git a/pom.xml b/pom.xml index 136c2c9..19dd2e1 100644 --- a/pom.xml +++ b/pom.xml @@ -5,62 +5,110 @@ com.kiroule jpetstore-6-vaadin-spring-boot - 0.0.1-SNAPSHOT + 0.0.2-SNAPSHOT jar - jpetstore-6-vaadin-spring-boot - JPetStore Vaadin 7 with Spring Boot Demo - org.springframework.boot spring-boot-starter-parent - 1.5.1.RELEASE + 1.5.4.RELEASE + jpetstore-6-vaadin-spring-boot + JPetStore Vaadin 8 with Spring Boot + + 8.1.5 + 2.1.0.beta2 + ${vaadin.version} + 0.0.7.RELEASE + UTF-8 - UTF-8 - 1.8 - 7.7.7 + 1.8 + 1.8 + cdn + + + vaadin-addons + http://maven.vaadin.com/vaadin-addons + + + vaadin-pre + http://maven.vaadin.com/vaadin-prereleases + + + vaadin-snapshot + https://oss.sonatype.org/content/repositories/vaadin-snapshots/ + + + + + + + com.vaadin + vaadin-bom + ${vaadin.version} + pom + import + + + + - - org.springframework.boot - spring-boot-starter-jdbc + com.vaadin + vaadin-compatibility-server - org.mybatis.spring.boot - mybatis-spring-boot-starter - 1.2.0 + com.vaadin + vaadin-compatibility-client-compiled + + + com.vaadin + vaadin-compatibility-themes + + + com.vaadin + vaadin-spring-boot-starter + ${vaadin-spring.version} + + + com.vaadin + vaadin-spring-boot + ${vaadin-spring.version} com.vaadin vaadin-spring - 1.2.0 + ${vaadin-spring.version} + + + com.vaadin + vaadin-spring-security + ${vaadin-spring.version} + + + org.vaadin.addon + confirmdialog + 3.1.2 org.springframework.boot - spring-boot-starter-test - test + spring-boot-devtools + true - com.vaadin - vaadin-spring-boot-starter - 1.2.0 + webcomponents-helper + 0.2.0 org.vaadin - viritin - 1.61 - - - org.vaadin.addons - loginform - 0.6.2 + viritin-v7-compatibility + 1.0 org.vaadin.addons @@ -70,14 +118,50 @@ org.vaadin.addons stepper - 2.3.0 + 2.4.0 + + + + + org.springframework.boot + spring-boot-starter-jdbc + + + org.mybatis.spring.boot + mybatis-spring-boot-starter + 1.3.1 - javax.servlet - javax.servlet-api - provided + org.springframework.boot + spring-boot-starter-web - + + org.springframework.boot + spring-boot-starter-test + test + + + org.vaadin.spring.addons + vaadin-spring-addon-eventbus + ${org.vaadin.spring.version} + + + org.hsqldb + hsqldb + runtime + + + + + junit + junit + + + org.hamcrest + hamcrest-library + + + org.slf4j slf4j-api @@ -90,32 +174,15 @@ ch.qos.logback logback-classic - - - org.hsqldb - hsqldb - runtime - - + + com.google.guava guava - 19.0 + 23.0 - - - - com.vaadin - vaadin-bom - ${vaadin.version} - pom - import - - - - @@ -144,11 +211,11 @@ org.apache.maven.plugins maven-compiler-plugin - 3.6.1 + 3.7.0 ${project.build.sourceEncoding} - ${java.version} - ${java.version} + ${maven.compiler.source} + ${maven.compiler.source} @@ -156,7 +223,7 @@ vaadin-maven-plugin ${vaadin.version} - cdn + ${vaadin.widgetset.mode} -Xmx2g -Xss1024k ${basedir}/src/main/resources/VAADIN/widgetsets @@ -220,10 +287,4 @@ - - - vaadin-addons - http://maven.vaadin.com/vaadin-addons - - diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/JPetStore6Application.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/JPetStore6Application.java index 295b94d..41ae04d 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/JPetStore6Application.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/JPetStore6Application.java @@ -5,9 +5,10 @@ import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; +import org.springframework.boot.autoconfigure.security.SecurityAutoConfiguration; import org.springframework.context.annotation.Import; -@SpringBootApplication +@SpringBootApplication(exclude = {SecurityAutoConfiguration.class }) @Import({DataSourceConfig.class, ServiceConfig.class}) public class JPetStore6Application { diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/MainUI.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/MainUI.java index 5804aec..73d4cfe 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/MainUI.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/MainUI.java @@ -26,14 +26,15 @@ import com.kiroule.jpetstore.vaadinspring.ui.view.ItemListView; import com.vaadin.annotations.Theme; import com.vaadin.annotations.Title; +import com.vaadin.annotations.Widgetset; import com.vaadin.navigator.Navigator; import com.vaadin.server.VaadinRequest; import com.vaadin.server.VaadinSession; import com.vaadin.spring.annotation.SpringUI; import com.vaadin.spring.navigator.SpringViewProvider; -import com.vaadin.ui.HorizontalLayout; import com.vaadin.ui.UI; -import com.vaadin.ui.VerticalLayout; +import com.vaadin.v7.ui.HorizontalLayout; +import com.vaadin.v7.ui.VerticalLayout; import org.slf4j.Logger; import org.slf4j.LoggerFactory; @@ -46,8 +47,9 @@ /** * @author Igor Baiborodine */ -@Title("JPetStore Vaadin 7 Spring Demo") +@Title("JPetStore Vaadin 8 Spring Demo") @Theme("jpetstoretheme") +@Widgetset("com.vaadin.v7.Vaadin7WidgetSet") @SpringUI public class MainUI extends UI { diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/CartItemListTable.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/CartItemListTable.java index 08e37b7..19738a8 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/CartItemListTable.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/CartItemListTable.java @@ -14,11 +14,15 @@ import com.vaadin.spring.annotation.ViewScope; import com.vaadin.ui.Button; import com.vaadin.ui.Component; +import com.vaadin.ui.Notification; import com.vaadin.ui.UI; +import com.vaadin.v7.data.Validator; +import com.vaadin.v7.data.validator.RegexpValidator; +import com.vaadin.v7.ui.TextField; import org.springframework.beans.factory.annotation.Autowired; -import org.vaadin.risto.stepper.IntStepper; -import org.vaadin.viritin.fields.MTable; +import org.vaadin.viritinv7.fields.MTable; +import org.vaadin.viritinv7.fields.MTextField; import java.math.BigDecimal; @@ -61,7 +65,7 @@ public CartItemListTable() { withGeneratedColumn("productId", cartItem -> cartItem.getItem().getProductId()); withGeneratedColumn("description", cartItem -> cartItem.getItem().getAttribute1() + " " + cartItem.getItem().getProduct().getName()); - withGeneratedColumn("quantity", this::createQuantityStepper); + withGeneratedColumn("quantity", this::createQuantityField); withGeneratedColumn("removeFromCart", cartItem -> new Button("Remove", event -> { if (CurrentCart.isEmpty()) { @@ -76,23 +80,50 @@ public CartItemListTable() { withFullWidth(); } - private IntStepper createQuantityStepper(CartItem cartItem) { - - IntStepper quantityStepper = new IntStepper(); - quantityStepper.setMinValue(1); - quantityStepper.setMaxValue(99); - quantityStepper.setWidth(60f, Unit.PIXELS); - quantityStepper.setManualInputAllowed(false); - quantityStepper.setValue(cartItem.getQuantity()); - quantityStepper.addValueChangeListener(event -> { - if (CartItemListTable.this.isReadOnly()) { - event.getProperty().setValue(cartItem.getQuantity()); - return; - } - Integer newQuantity = (Integer) event.getProperty().getValue(); - UIEventBus.post(new UIChangeCartItemQuantityEvent(cartItem.getItem(), newQuantity - cartItem.getQuantity())); + private TextField createQuantityField(CartItem cartItem) { + final TextField quantityField = new MTextField(); + quantityField.setNullSettingAllowed(false); + quantityField.setWidth(60f, Unit.PIXELS); + quantityField.addStyleName("align-right"); + quantityField.setValue(String.valueOf(cartItem.getQuantity())); + final RegexpValidator regexpValidator = new RegexpValidator("\\d+", "Numeric values only"); + + quantityField.addValueChangeListener((ValueChangeListener) event -> { + if (((String) event.getProperty().getValue()).isEmpty()) { + Notification.show("Must not be empty", Notification.Type.ERROR_MESSAGE); + return; + } + boolean valid = true; + try { + regexpValidator.validate(event.getProperty().getValue()); + } catch (Validator.InvalidValueException e) { + valid = false; + } + if (valid) { + Integer newQuantity = Integer.valueOf((String) event.getProperty().getValue()); + UIEventBus.post(new UIChangeCartItemQuantityEvent( + cartItem.getItem(), newQuantity - cartItem.getQuantity())); + } else { + Notification.show("Numeric values only", Notification.Type.ERROR_MESSAGE); + } }); - return quantityStepper; + return quantityField; +// TODO: use stepper after migrating to v8 without v7 compatibility mode +// IntStepper quantityStepper = new IntStepper(); +// quantityStepper.setMinValue(1); +// quantityStepper.setMaxValue(99); +// quantityStepper.setWidth(60f, Unit.PIXELS); +// quantityStepper.setManualInputAllowed(false); +// quantityStepper.setValue(cartItem.getQuantity()); +// quantityStepper.addValueChangeListener(event -> { +// if (CartItemListTable.this.isReadOnly()) { +// event.getSource().setValue(cartItem.getQuantity()); +// return; +// } +// Integer newQuantity = event.getSource().getValue(); +// UIEventBus.post(new UIChangeCartItemQuantityEvent(cartItem.getItem(), newQuantity - cartItem.getQuantity())); +// }); +// return quantityStepper; } private void viewDetails(Button.ClickEvent event) { diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/ItemListTable.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/ItemListTable.java index ca8afc6..a309356 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/ItemListTable.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/ItemListTable.java @@ -12,7 +12,7 @@ import com.vaadin.ui.Component; import org.springframework.beans.factory.annotation.Autowired; -import org.vaadin.viritin.fields.MTable; +import org.vaadin.viritinv7.fields.MTable; import static java.lang.String.format; diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/OrderListTable.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/OrderListTable.java index e654802..165f76e 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/OrderListTable.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/OrderListTable.java @@ -6,7 +6,7 @@ import com.vaadin.spring.annotation.SpringComponent; import com.vaadin.spring.annotation.ViewScope; -import org.vaadin.viritin.fields.MTable; +import org.vaadin.viritinv7.fields.MTable; /** * @author Igor Baiborodine diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/ProductListTable.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/ProductListTable.java index ed104be..5bfbdfd 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/ProductListTable.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/component/ProductListTable.java @@ -8,7 +8,7 @@ import com.vaadin.spring.annotation.ViewScope; import com.vaadin.ui.Button; -import org.vaadin.viritin.fields.MTable; +import org.vaadin.viritinv7.fields.MTable; /** * @author Igor Baiborodine diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/BooleanConverter.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/BooleanConverter.java index 8415832..cebb01a 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/BooleanConverter.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/BooleanConverter.java @@ -1,6 +1,6 @@ package com.kiroule.jpetstore.vaadinspring.ui.converter; -import com.vaadin.data.util.converter.Converter; +import com.vaadin.v7.data.util.converter.Converter; import java.util.Locale; diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/CurrencyConverter.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/CurrencyConverter.java index a1edd56..1e46df7 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/CurrencyConverter.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/CurrencyConverter.java @@ -1,6 +1,6 @@ package com.kiroule.jpetstore.vaadinspring.ui.converter; -import com.vaadin.data.util.converter.Converter; +import com.vaadin.v7.data.util.converter.Converter; import java.math.BigDecimal; import java.text.NumberFormat; diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/DateConverter.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/DateConverter.java index 2e6a63a..12e2842 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/DateConverter.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/converter/DateConverter.java @@ -1,6 +1,6 @@ package com.kiroule.jpetstore.vaadinspring.ui.converter; -import com.vaadin.data.util.converter.Converter; +import com.vaadin.v7.data.util.converter.Converter; import java.text.SimpleDateFormat; import java.util.Date; diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/AccountForm.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/AccountForm.java index f8cb430..bc41d19 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/AccountForm.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/AccountForm.java @@ -1,9 +1,5 @@ package com.kiroule.jpetstore.vaadinspring.ui.form; -import static com.google.common.base.Strings.isNullOrEmpty; -import static com.google.common.collect.Lists.newArrayList; -import static com.vaadin.data.Validator.InvalidValueException; - import com.google.common.collect.Lists; import com.google.common.collect.Maps; @@ -13,24 +9,24 @@ import com.kiroule.jpetstore.vaadinspring.domain.Category; import com.kiroule.jpetstore.vaadinspring.service.CatalogService; import com.kiroule.jpetstore.vaadinspring.ui.theme.JPetStoreTheme; -import com.vaadin.data.Validator; -import com.vaadin.shared.ui.label.ContentMode; import com.vaadin.spring.annotation.SpringComponent; import com.vaadin.spring.annotation.ViewScope; -import com.vaadin.ui.ComboBox; import com.vaadin.ui.Component; -import com.vaadin.ui.Field; -import com.vaadin.ui.HorizontalLayout; -import com.vaadin.ui.Label; import com.vaadin.ui.Notification; import com.vaadin.ui.Panel; -import com.vaadin.ui.PasswordField; +import com.vaadin.v7.data.Validator; +import com.vaadin.v7.shared.ui.label.ContentMode; +import com.vaadin.v7.ui.ComboBox; +import com.vaadin.v7.ui.Field; +import com.vaadin.ui.HorizontalLayout; +import com.vaadin.v7.ui.Label; +import com.vaadin.v7.ui.PasswordField; import org.springframework.beans.factory.annotation.Autowired; -import org.vaadin.viritin.fields.MTextField; -import org.vaadin.viritin.form.AbstractForm; import org.vaadin.viritin.layouts.MFormLayout; import org.vaadin.viritin.layouts.MVerticalLayout; +import org.vaadin.viritinv7.fields.MTextField; +import org.vaadin.viritinv7.form.AbstractForm; import java.util.Comparator; import java.util.List; @@ -39,6 +35,9 @@ import javax.annotation.PostConstruct; +import static com.google.common.base.Strings.isNullOrEmpty; +import static com.google.common.collect.Lists.newArrayList; + /** * @author Igor Baiborodine */ @@ -128,7 +127,7 @@ public boolean validate() { field.validate(); }); validatePasswordConfirmation(); - } catch (InvalidValueException e) { + } catch (Validator.InvalidValueException e) { Notification.show(e.getMessage(), Notification.Type.ERROR_MESSAGE); return false; } @@ -143,8 +142,9 @@ protected Component createContent() { address1.setStyleName(JPetStoreTheme.WIDE_TEXT_FIELD); address2.setStyleName(JPetStoreTheme.WIDE_TEXT_FIELD); - listOption.setImmediate(true); - bannerOption.setImmediate(true); + // TODO: investigate if it's needed in v.8 +// listOption.setImmediate(true); +// bannerOption.setImmediate(true); bannerImage.setCaption("Banner Image"); bannerImage.setContentMode(ContentMode.HTML); diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/BillingDetailsForm.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/BillingDetailsForm.java index f96479a..c2fc837 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/BillingDetailsForm.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/BillingDetailsForm.java @@ -2,23 +2,23 @@ import com.google.common.collect.Lists; -import com.eijsink.vaadin.components.formcheckbox.FormCheckBox; import com.kiroule.jpetstore.vaadinspring.domain.BillingDetails; import com.kiroule.jpetstore.vaadinspring.ui.theme.JPetStoreTheme; -import com.vaadin.data.Validator; import com.vaadin.spring.annotation.SpringComponent; import com.vaadin.spring.annotation.ViewScope; -import com.vaadin.ui.ComboBox; import com.vaadin.ui.Component; -import com.vaadin.ui.Field; import com.vaadin.ui.Notification; import com.vaadin.ui.Panel; -import com.vaadin.ui.TextField; +import com.vaadin.v7.ui.CheckBox; +import com.vaadin.v7.data.Validator; +import com.vaadin.v7.ui.ComboBox; +import com.vaadin.v7.ui.Field; +import com.vaadin.v7.ui.TextField; -import org.vaadin.viritin.fields.MTextField; -import org.vaadin.viritin.form.AbstractForm; import org.vaadin.viritin.layouts.MFormLayout; import org.vaadin.viritin.layouts.MVerticalLayout; +import org.vaadin.viritinv7.fields.MTextField; +import org.vaadin.viritinv7.form.AbstractForm; import javax.annotation.PostConstruct; @@ -47,7 +47,7 @@ public class BillingDetailsForm extends AbstractForm { private TextField state = new MTextField("State").withNullRepresentation(""); private TextField zip = new MTextField("ZIP Code").withNullRepresentation(""); private TextField country = new MTextField("Country").withNullRepresentation(""); - private FormCheckBox shipToDifferentAddress = new FormCheckBox("Ship to Different Address", false); + private CheckBox shipToDifferentAddress = new CheckBox("Ship to Different Address", false); @PostConstruct public void init() { diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/ProductItemForm.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/ProductItemForm.java index 0b79beb..74363d7 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/ProductItemForm.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/ProductItemForm.java @@ -5,19 +5,19 @@ import com.kiroule.jpetstore.vaadinspring.ui.event.UIAddItemToCartEvent; import com.kiroule.jpetstore.vaadinspring.ui.event.UIEventBus; import com.kiroule.jpetstore.vaadinspring.ui.theme.JPetStoreTheme; -import com.vaadin.shared.ui.label.ContentMode; +import com.vaadin.v7.shared.ui.label.ContentMode; import com.vaadin.spring.annotation.SpringComponent; import com.vaadin.spring.annotation.ViewScope; import com.vaadin.ui.Button; import com.vaadin.ui.Component; -import com.vaadin.ui.Label; -import com.vaadin.ui.TextField; +import com.vaadin.v7.ui.Label; +import com.vaadin.v7.ui.TextField; import com.vaadin.ui.UI; -import org.vaadin.viritin.MBeanFieldGroup; +import org.vaadin.viritinv7.MBeanFieldGroup; import org.vaadin.viritin.button.MButton; -import org.vaadin.viritin.fields.MTextField; -import org.vaadin.viritin.form.AbstractForm; +import org.vaadin.viritinv7.fields.MTextField; +import org.vaadin.viritinv7.form.AbstractForm; import org.vaadin.viritin.layouts.MFormLayout; import org.vaadin.viritin.layouts.MVerticalLayout; @@ -71,7 +71,7 @@ public MBeanFieldGroup setEntity(Item entity) { @Override public void setReadOnly(boolean readOnly) { - super.setReadOnly(readOnly); + //super.setReadOnly(readOnly); itemId.setReadOnly(readOnly); itemDescription.setReadOnly(readOnly); productDescription.setReadOnly(readOnly); diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/ShippingDetailsForm.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/ShippingDetailsForm.java index e8ccf64..780f5ef 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/ShippingDetailsForm.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/ShippingDetailsForm.java @@ -4,17 +4,17 @@ import com.kiroule.jpetstore.vaadinspring.domain.ShippingDetails; import com.kiroule.jpetstore.vaadinspring.ui.theme.JPetStoreTheme; -import com.vaadin.data.Validator; +import com.vaadin.v7.data.Validator; import com.vaadin.spring.annotation.SpringComponent; import com.vaadin.spring.annotation.ViewScope; import com.vaadin.ui.Component; -import com.vaadin.ui.Field; +import com.vaadin.v7.ui.Field; import com.vaadin.ui.Notification; import com.vaadin.ui.Panel; -import com.vaadin.ui.TextField; +import com.vaadin.v7.ui.TextField; -import org.vaadin.viritin.fields.MTextField; -import org.vaadin.viritin.form.AbstractForm; +import org.vaadin.viritinv7.fields.MTextField; +import org.vaadin.viritinv7.form.AbstractForm; import org.vaadin.viritin.layouts.MFormLayout; import org.vaadin.viritin.layouts.MVerticalLayout; diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/SigninForm.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/SigninForm.java index 3c0122d..e4aa7cb 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/SigninForm.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/form/SigninForm.java @@ -1,6 +1,5 @@ package com.kiroule.jpetstore.vaadinspring.ui.form; -import com.ejt.vaadin.loginform.LoginForm; import com.kiroule.jpetstore.vaadinspring.ui.event.UIEventBus; import com.kiroule.jpetstore.vaadinspring.ui.event.UINavigationEvent; import com.kiroule.jpetstore.vaadinspring.ui.theme.JPetStoreTheme; @@ -11,6 +10,7 @@ import com.vaadin.ui.Button; import com.vaadin.ui.Component; import com.vaadin.ui.Label; +import com.vaadin.ui.LoginForm; import com.vaadin.ui.PasswordField; import com.vaadin.ui.TextField; import com.vaadin.ui.UI; @@ -31,7 +31,7 @@ public class SigninForm extends LoginForm { private Window popup; @Override - protected Component createContent(TextField usernameField, PasswordField passwordField, Button loginButton) { + public Component createContent(TextField usernameField, PasswordField passwordField, Button loginButton) { MVerticalLayout layout = new MVerticalLayout(usernameField, passwordField, loginButton); usernameField.setWidth(100f, Unit.PERCENTAGE); @@ -58,7 +58,7 @@ protected Component createContent(TextField usernameField, PasswordField passwor } @Override - protected String getUserNameFieldCaption() { + public String getUsernameCaption() { return "Username"; } diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/menu/LeftNavBar.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/menu/LeftNavBar.java index 2344e00..be98948 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/menu/LeftNavBar.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/menu/LeftNavBar.java @@ -5,12 +5,12 @@ import com.kiroule.jpetstore.vaadinspring.ui.theme.JPetStoreTheme; import com.kiroule.jpetstore.vaadinspring.ui.util.NavBarButtonUpdater; import com.kiroule.jpetstore.vaadinspring.ui.view.ProductListView; -import com.vaadin.shared.ui.label.ContentMode; +import com.vaadin.v7.shared.ui.label.ContentMode; import com.vaadin.spring.annotation.SpringComponent; import com.vaadin.spring.annotation.UIScope; import com.vaadin.ui.Button; import com.vaadin.ui.CssLayout; -import com.vaadin.ui.Label; +import com.vaadin.v7.ui.Label; import org.springframework.beans.factory.annotation.Autowired; @@ -35,7 +35,7 @@ public void init() { addStyleName(JPetStoreTheme.MENU_ROOT); addStyleName(JPetStoreTheme.LEFT_MENU); - Label logo = new Label("JPetStore Vaadin 7 Demo", ContentMode.HTML); + Label logo = new Label("JPetStore Vaadin 8 Demo", ContentMode.HTML); logo.addStyleName(JPetStoreTheme.MENU_TITLE); addComponent(logo); addButton("BIRDS", "Birds"); diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/menu/TopNavBar.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/menu/TopNavBar.java index 7384140..5b53dfb 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/menu/TopNavBar.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/menu/TopNavBar.java @@ -21,9 +21,9 @@ import com.vaadin.spring.annotation.UIScope; import com.vaadin.ui.Button; import com.vaadin.ui.CssLayout; -import com.vaadin.ui.Label; +import com.vaadin.v7.ui.Label; import com.vaadin.ui.Notification; -import com.vaadin.ui.TextField; +import com.vaadin.v7.ui.TextField; import com.vaadin.ui.UI; import com.vaadin.ui.Window; @@ -86,7 +86,8 @@ public void handleAction(Object sender, Object target) { final Window popup = signinForm.openInModalWidow(); signinForm.addLoginListener(loginEvent -> { try { - Account account = loginService.login(loginEvent.getUserName(), loginEvent.getPassword()); + Account account = loginService.login(loginEvent.getLoginParameter("username"), + loginEvent.getLoginParameter("password")); UIEventBus.post(new UILoginEvent(account)); UI.getCurrent().removeWindow(popup); } catch (LoginException e) { diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/AbstractView.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/AbstractView.java index ca7d37f..a9a617b 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/AbstractView.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/AbstractView.java @@ -9,10 +9,10 @@ import com.vaadin.navigator.View; import com.vaadin.navigator.ViewChangeListener; import com.vaadin.server.Page; -import com.vaadin.shared.ui.label.ContentMode; +import com.vaadin.v7.shared.ui.label.ContentMode; import com.vaadin.ui.Alignment; import com.vaadin.ui.Component; -import com.vaadin.ui.Label; +import com.vaadin.v7.ui.Label; import com.vaadin.ui.Notification; import org.vaadin.viritin.layouts.MVerticalLayout; diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/AuthRequiredView.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/AuthRequiredView.java index 9c29998..7e37183 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/AuthRequiredView.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/AuthRequiredView.java @@ -3,7 +3,7 @@ import com.kiroule.jpetstore.vaadinspring.ui.theme.JPetStoreTheme; import com.kiroule.jpetstore.vaadinspring.ui.util.ViewConfig; import com.vaadin.spring.annotation.SpringView; -import com.vaadin.ui.Label; +import com.vaadin.v7.ui.Label; import javax.annotation.PostConstruct; diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/CartView.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/CartView.java index 21d11d7..f83c583 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/CartView.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/CartView.java @@ -12,7 +12,7 @@ import com.vaadin.navigator.ViewChangeListener; import com.vaadin.spring.annotation.SpringView; import com.vaadin.ui.Alignment; -import com.vaadin.ui.Label; +import com.vaadin.v7.ui.Label; import com.vaadin.ui.UI; import org.springframework.beans.factory.annotation.Autowired; diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/ConfirmOrderView.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/ConfirmOrderView.java index 589e9eb..234fe4e 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/ConfirmOrderView.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/ConfirmOrderView.java @@ -1,12 +1,5 @@ package com.kiroule.jpetstore.vaadinspring.ui.view; -import static com.google.common.base.Strings.isNullOrEmpty; -import static com.kiroule.jpetstore.vaadinspring.ui.util.CurrentCart.Key; -import static com.kiroule.jpetstore.vaadinspring.ui.util.CurrentCart.Key.BILLING_DETAILS; -import static com.kiroule.jpetstore.vaadinspring.ui.util.CurrentCart.Key.SHIPPING_DETAILS; -import static com.kiroule.jpetstore.vaadinspring.ui.util.CurrentCart.Key.SHOPPING_CART; -import static java.lang.String.format; - import com.kiroule.jpetstore.vaadinspring.domain.Account; import com.kiroule.jpetstore.vaadinspring.domain.BillingDetails; import com.kiroule.jpetstore.vaadinspring.domain.Cart; @@ -24,14 +17,14 @@ import com.kiroule.jpetstore.vaadinspring.ui.util.ViewConfig; import com.vaadin.navigator.ViewChangeListener; import com.vaadin.server.ThemeResource; -import com.vaadin.shared.ui.label.ContentMode; import com.vaadin.spring.annotation.SpringView; import com.vaadin.ui.Alignment; import com.vaadin.ui.Image; -import com.vaadin.ui.Label; import com.vaadin.ui.Panel; import com.vaadin.ui.UI; import com.vaadin.ui.Window; +import com.vaadin.v7.shared.ui.label.ContentMode; +import com.vaadin.v7.ui.Label; import org.springframework.beans.factory.annotation.Autowired; import org.vaadin.viritin.button.MButton; @@ -43,6 +36,13 @@ import javax.annotation.PostConstruct; +import static com.google.common.base.Strings.isNullOrEmpty; +import static com.kiroule.jpetstore.vaadinspring.ui.util.CurrentCart.Key; +import static com.kiroule.jpetstore.vaadinspring.ui.util.CurrentCart.Key.BILLING_DETAILS; +import static com.kiroule.jpetstore.vaadinspring.ui.util.CurrentCart.Key.SHIPPING_DETAILS; +import static com.kiroule.jpetstore.vaadinspring.ui.util.CurrentCart.Key.SHOPPING_CART; +import static java.lang.String.format; + /** * @author Igor Baiborodine */ @@ -68,6 +68,7 @@ public class ConfirmOrderView extends AbstractView { private MButton viewOrdersButton = createViewOrdersButton(); private Label subtotalLabel = createSubtotalLabel(); + @PostConstruct void init() { diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/OrderListView.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/OrderListView.java index 5e18840..01252f2 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/OrderListView.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/OrderListView.java @@ -8,7 +8,7 @@ import com.kiroule.jpetstore.vaadinspring.ui.util.ViewConfig; import com.vaadin.navigator.ViewChangeListener; import com.vaadin.spring.annotation.SpringView; -import com.vaadin.ui.Label; +import com.vaadin.v7.ui.Label; import org.springframework.beans.factory.annotation.Autowired; diff --git a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/SearchView.java b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/SearchView.java index 3fa7f1e..24c9776 100644 --- a/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/SearchView.java +++ b/src/main/java/com/kiroule/jpetstore/vaadinspring/ui/view/SearchView.java @@ -8,7 +8,7 @@ import com.kiroule.jpetstore.vaadinspring.ui.util.ViewConfigUtil; import com.vaadin.navigator.ViewChangeListener; import com.vaadin.spring.annotation.SpringView; -import com.vaadin.ui.Label; +import com.vaadin.v7.ui.Label; import org.springframework.beans.factory.annotation.Autowired; diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties index e69de29..a3ac65c 100644 --- a/src/main/resources/application.properties +++ b/src/main/resources/application.properties @@ -0,0 +1 @@ +server.port=8080 \ No newline at end of file diff --git a/src/main/webapp/VAADIN/themes/jpetstoretheme/addons.scss b/src/main/webapp/VAADIN/themes/jpetstoretheme/addons.scss index d7465fd..074cbd1 100644 --- a/src/main/webapp/VAADIN/themes/jpetstoretheme/addons.scss +++ b/src/main/webapp/VAADIN/themes/jpetstoretheme/addons.scss @@ -1,11 +1,11 @@ /* This file is automatically managed and will be overwritten from time to time. */ /* Do not manually edit this file. */ -/* Provided by stepper-2.3.0.jar */ +/* Provided by stepper-2.4.0.jar */ @import "../../..//VAADIN/addons/stepper/stepper.scss"; -/* Provided by stepper-2.3.0.jar */ +/* Provided by stepper-2.4.0.jar */ @import "../../../VAADIN/addons/stepper/stepper.scss"; diff --git a/src/main/webapp/VAADIN/themes/jpetstoretheme/styles.css b/src/main/webapp/VAADIN/themes/jpetstoretheme/styles.css index 1267a77..9d762b4 100644 --- a/src/main/webapp/VAADIN/themes/jpetstoretheme/styles.css +++ b/src/main/webapp/VAADIN/themes/jpetstoretheme/styles.css @@ -315,12 +315,22 @@ * @group util */ +@font-face { + font-family: "Vaadin-Icons"; + src: url(../valo/fonts/vaadin-icons/Vaadin-Icons.eot); + src: url(../valo/fonts/vaadin-icons/Vaadin-Icons.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/vaadin-icons/Vaadin-Icons.woff) format("woff"), url(../valo/fonts/vaadin-icons/Vaadin-Icons.ttf) format("truetype"), url(../valo/fonts/vaadin-icons/Vaadin-Icons.svg#icomoon) format("svg"); +} + +.Vaadin-Icons { + font-family: "Vaadin-Icons"; +} + @font-face { font-family: ThemeIcons; font-weight: normal; font-style: normal; - src: url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.eot); - src: url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.svg#ThemeIcons) format("svg"); + src: url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.eot); + src: url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.svg#ThemeIcons) format("svg"); } .ThemeIcons { @@ -337,8 +347,8 @@ font-family: FontAwesome; font-weight: normal; font-style: normal; - src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot); - src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.svg#FontAwesome) format("svg"); + src: url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.eot); + src: url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.svg#FontAwesome) format("svg"); } .FontAwesome { @@ -548,34 +558,6 @@ * @group overlay */ -.v-shadow, .v-shadow-window { - display: none; -} - -.v-ie8 .v-shadow, .v-ie8 .v-shadow-window { - display: block; -} - -.v-ie8 .v-shadow .top, .v-ie8 .v-shadow-window .top { - position: absolute; - top: -6px; - right: 10px; - bottom: 6px; - left: -10px; - background: black; - filter: alpha(opacity=5) progid:DXImageTransform.Microsoft.blur(pixelradius=10, makeShadow=false); -} - -.v-ie8 .v-shadow .top-left, .v-ie8 .v-shadow-window .top-left { - position: absolute; - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; - background: black; - filter: alpha(opacity=9) progid:DXImageTransform.Microsoft.blur(pixelradius=0, makeShadow=false); -} - /** * The backgound color for tooltips. * @@ -632,7 +614,7 @@ */ /** - * Outputs the global selectors and properties for the ColorPicker component - styles which are + * Outputs the global selectors and properties for the ColorPicker component - styles which are * considered mandatory for the component to work properly. * * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors @@ -887,7 +869,7 @@ /** * Should the tabsheet content changes be animated. - * + * * @group tabsheet */ @@ -910,6 +892,106 @@ * @group tree */ +/** + * + * @group table + */ + +@-webkit-keyframes valo-grid-editor-footer-animate-in { + 0% { + margin-top: -37px; + } + } + +@-moz-keyframes valo-grid-editor-footer-animate-in { + 0% { + margin-top: -37px; + } + } + +@keyframes valo-grid-editor-footer-animate-in { + 0% { + margin-top: -37px; + } + } + +@-webkit-keyframes valo-grid-editor-footer-animate-in-alt { + 0% { + margin-bottom: -38px; + } + 100% { + margin-bottom: -1px; + } + } + +@-moz-keyframes valo-grid-editor-footer-animate-in-alt { + 0% { + margin-bottom: -38px; + } + 100% { + margin-bottom: -1px; + } + } + +@keyframes valo-grid-editor-footer-animate-in-alt { + 0% { + margin-bottom: -38px; + } + 100% { + margin-bottom: -1px; + } + } + +/** + * + * @group table + */ + +@-webkit-keyframes valo-grid-editor-footer-animate-in { + 0% { + margin-top: -37px; + } + } + +@-moz-keyframes valo-grid-editor-footer-animate-in { + 0% { + margin-top: -37px; + } + } + +@keyframes valo-grid-editor-footer-animate-in { + 0% { + margin-top: -37px; + } + } + +@-webkit-keyframes valo-grid-editor-footer-animate-in-alt { + 0% { + margin-bottom: -38px; + } + 100% { + margin-bottom: -1px; + } + } + +@-moz-keyframes valo-grid-editor-footer-animate-in-alt { + 0% { + margin-bottom: -38px; + } + 100% { + margin-bottom: -1px; + } + } + +@keyframes valo-grid-editor-footer-animate-in-alt { + 0% { + margin-bottom: -38px; + } + 100% { + margin-bottom: -1px; + } + } + /** * * @@ -999,12 +1081,10 @@ */ .v-vaadin-version:after { - content: "7.7.7"; + content: "8.1.5"; } .v-widget { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; @@ -1129,8 +1209,6 @@ div.v-layout.v-horizontal.v-widget { } .v-layout.v-vertical > .v-expand, .v-layout.v-horizontal > .v-expand { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; @@ -1468,8 +1546,6 @@ div.v-layout.v-horizontal.v-widget { .v-tabsheet-tabs { white-space: nowrap; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -1527,8 +1603,6 @@ div.v-layout.v-horizontal.v-widget { } .v-splitpanel-hsplitter div:before, .v-splitpanel-vsplitter div:before { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; content: ""; position: absolute; @@ -1638,26 +1712,6 @@ div.v-layout.v-horizontal.v-widget { width: 90%; } -.v-ie8 .jpetstoretheme .v-loading-indicator, .v-ie8 .jpetstoretheme .v-loading-indicator-delay, .v-ie8 .jpetstoretheme .v-loading-indicator-wait, .v-ie9 .jpetstoretheme .v-loading-indicator, .v-ie9 .jpetstoretheme .v-loading-indicator-delay, .v-ie9 .jpetstoretheme .v-loading-indicator-wait { - width: 28px !important; - height: 28px; - padding: 9px; - background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%; - border-radius: 4px; - top: 9px; - right: 9px; - left: auto; - filter: alpha(opacity=50); -} - -.v-ie8 .jpetstoretheme .v-loading-indicator[style*="none"], .v-ie8 .jpetstoretheme .v-loading-indicator-delay[style*="none"], .v-ie8 .jpetstoretheme .v-loading-indicator-wait[style*="none"], .v-ie9 .jpetstoretheme .v-loading-indicator[style*="none"], .v-ie9 .jpetstoretheme .v-loading-indicator-delay[style*="none"], .v-ie9 .jpetstoretheme .v-loading-indicator-wait[style*="none"] { - display: none !important; -} - -.v-ie8 .jpetstoretheme .v-loading-indicator-wait, .v-ie9 .jpetstoretheme .v-loading-indicator-wait { - filter: alpha(opacity=100); -} - .jpetstoretheme .v-scrollable:focus { outline: none; } @@ -1722,31 +1776,6 @@ div.v-layout.v-horizontal.v-widget { box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); } -.jpetstoretheme button { - font: inherit; - font-weight: 400; - line-height: 1.55; -} - -.jpetstoretheme a { - cursor: pointer; - color: #197de1; - text-decoration: underline; - font-weight: inherit; - -webkit-transition: color 140ms; - -moz-transition: color 140ms; - transition: color 140ms; -} - -.jpetstoretheme a:hover { - color: #4396ea; -} - -.jpetstoretheme a.v-disabled { - opacity: 0.5; - filter: alpha(opacity=50) ; -} - .jpetstoretheme .v-disabled { cursor: default !important; } @@ -1762,8 +1791,14 @@ div.v-layout.v-horizontal.v-widget { filter: alpha(opacity=50) ; } +.jpetstoretheme .v-draggable { + -moz-user-select: none !important; + -ms-user-select: none !important; + -webkit-user-select: none !important; + user-select: none !important; +} + .jpetstoretheme .v-tooltip { - background-color: #323232; background-color: rgba(50, 50, 50, 0.9); -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); @@ -1801,6 +1836,10 @@ div.v-layout.v-horizontal.v-widget { margin-top: 10px; } +.jpetstoretheme .v-tooltip .v-tooltip-text pre { + margin: 0px; +} + .jpetstoretheme .v-tooltip .v-errormessage[aria-hidden="true"] + .v-tooltip-text { margin-top: 0; } @@ -1809,6 +1848,11 @@ div.v-layout.v-horizontal.v-widget { color: inherit; } +.jpetstoretheme .v-tooltip pre.v-tooltip-pre { + font: inherit; + white-space: pre-wrap; +} + .jpetstoretheme .v-contextmenu { padding: 4px 4px; border-radius: 4px; @@ -1901,8 +1945,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-reconnect-dialog .spinner { height: 24px !important; width: 24px !important; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid rgba(25, 125, 225, 0.2); border-top-color: #197de1; @@ -1916,18 +1958,6 @@ div.v-layout.v-horizontal.v-widget { vertical-align: middle; } -.v-ie8 .jpetstoretheme .v-reconnect-dialog .spinner, .v-ie9 .jpetstoretheme .v-reconnect-dialog .spinner { - border: none; - border-radius: 4px; - background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%; - background-size: 80%; -} - -.v-ie8 .jpetstoretheme .v-reconnect-dialog .spinner { - min-width: 30px; - min-height: 30px; -} - .jpetstoretheme .v-reconnect-dialog.active .spinner { display: inline-block; } @@ -1937,8 +1967,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-absolutelayout-margin, .jpetstoretheme .v-absolutelayout-canvas { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -2183,10 +2211,6 @@ div.v-layout.v-horizontal.v-widget { background-color: rgba(2, 62, 122, 0.2); } -.v-ie8 .jpetstoretheme .v-button-primary { - min-width: 43px; -} - .jpetstoretheme .v-button-friendly { height: 37px; padding: 0 16px; @@ -2281,12 +2305,12 @@ div.v-layout.v-horizontal.v-widget { background: transparent; } -.jpetstoretheme .v-button-borderless:active { +.jpetstoretheme .v-button-borderless:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } -.jpetstoretheme .v-button-borderless:active:after { +.jpetstoretheme .v-button-borderless:active:not(.v-disabled):after { background: transparent; } @@ -2306,12 +2330,12 @@ div.v-layout.v-horizontal.v-widget { background: transparent; } -.jpetstoretheme .v-button-borderless-colored:active { +.jpetstoretheme .v-button-borderless-colored:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } -.jpetstoretheme .v-button-borderless-colored:active:after { +.jpetstoretheme .v-button-borderless-colored:active:not(.v-disabled):after { background: transparent; } @@ -2350,12 +2374,12 @@ div.v-layout.v-horizontal.v-widget { background: transparent; } -.jpetstoretheme .v-button-link:active { +.jpetstoretheme .v-button-link:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } -.jpetstoretheme .v-button-link:active:after { +.jpetstoretheme .v-button-link:active:not(.v-disabled):after { background: transparent; } @@ -2540,8 +2564,6 @@ div.v-layout.v-horizontal.v-widget { :root .jpetstoretheme .v-checkbox > input ~ label:before, :root .jpetstoretheme .v-checkbox > input ~ label:after { content: ""; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 19px; height: 19px; @@ -2670,8 +2692,6 @@ div.v-layout.v-horizontal.v-widget { :root .jpetstoretheme .v-checkbox-small > input ~ label:before, :root .jpetstoretheme .v-checkbox-small > input ~ label:after { content: ""; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 16px; height: 16px; @@ -2800,8 +2820,6 @@ div.v-layout.v-horizontal.v-widget { :root .jpetstoretheme .v-checkbox-large > input ~ label:before, :root .jpetstoretheme .v-checkbox-large > input ~ label:after { content: ""; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 22px; height: 22px; @@ -2897,8 +2915,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-filterselect [class*="input"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -2931,12 +2947,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: inherit; } -.v-ie8 .jpetstoretheme .v-filterselect [class*="input"], .v-ie9 .jpetstoretheme .v-filterselect [class*="input"] { - line-height: 37px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-filterselect [class*="input"].v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; @@ -2972,6 +2982,7 @@ div.v-layout.v-horizontal.v-widget { width: 37px; line-height: 1; padding-top: 0.12em; + margin-left: 9px; } .jpetstoretheme .v-filterselect[class*="prompt"] > [class*="input"] { @@ -2992,10 +3003,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: 0 3px 3px 0; } -.v-ie8 .jpetstoretheme .v-filterselect [class$="button"] { - background-color: white; -} - .jpetstoretheme .v-filterselect [class$="button"]:before { font-family: ThemeIcons; content: "\f078"; @@ -3065,6 +3072,10 @@ div.v-layout.v-horizontal.v-widget { pointer-events: none; } +.jpetstoretheme .v-filterselect .v-icon.FontAwesome { + margin-left: 0px; +} + .jpetstoretheme .v-filterselect-error .v-filterselect-input { border-color: #ed473b !important; background: #fffbfb; @@ -3098,8 +3109,6 @@ div.v-layout.v-horizontal.v-widget { -ms-backface-visibility: hidden; backface-visibility: hidden; padding: 4px 4px; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; box-sizing: content-box; position: relative; z-index: 1; @@ -3358,8 +3367,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-filterselect-tiny [class*="input"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -3389,12 +3396,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: inherit; } -.v-ie8 .jpetstoretheme .v-filterselect-tiny [class*="input"], .v-ie9 .jpetstoretheme .v-filterselect-tiny [class*="input"] { - line-height: 28px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-filterselect-tiny .v-icon + [class*="input"] { padding-left: 28px; } @@ -3409,6 +3410,7 @@ div.v-layout.v-horizontal.v-widget { width: 28px; line-height: 1; padding-top: 0.12em; + margin-left: 5px; } .jpetstoretheme .v-filterselect-tiny [class$="button"] { @@ -3485,8 +3487,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-filterselect-compact [class*="input"], .jpetstoretheme .v-filterselect-small [class*="input"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -3516,12 +3516,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: inherit; } -.v-ie8 .jpetstoretheme .v-filterselect-compact [class*="input"], .v-ie9 .jpetstoretheme .v-filterselect-compact [class*="input"], .v-ie8 .jpetstoretheme .v-filterselect-small [class*="input"], .v-ie9 .jpetstoretheme .v-filterselect-small [class*="input"] { - line-height: 31px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-filterselect-compact .v-icon + [class*="input"], .jpetstoretheme .v-filterselect-small .v-icon + [class*="input"] { padding-left: 31px; } @@ -3536,6 +3530,7 @@ div.v-layout.v-horizontal.v-widget { width: 31px; line-height: 1; padding-top: 0.12em; + margin-left: 6px; } .jpetstoretheme .v-filterselect-compact [class$="button"], .jpetstoretheme .v-filterselect-small [class$="button"] { @@ -3617,8 +3612,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-filterselect-large [class*="input"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -3648,12 +3641,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: inherit; } -.v-ie8 .jpetstoretheme .v-filterselect-large [class*="input"], .v-ie9 .jpetstoretheme .v-filterselect-large [class*="input"] { - line-height: 44px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-filterselect-large .v-icon + [class*="input"] { padding-left: 44px; } @@ -3668,6 +3655,7 @@ div.v-layout.v-horizontal.v-widget { width: 44px; line-height: 1; padding-top: 0.12em; + margin-left: 8px; } .jpetstoretheme .v-filterselect-large [class$="button"] { @@ -3745,8 +3733,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-filterselect-huge [class*="input"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -3776,12 +3762,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: inherit; } -.v-ie8 .jpetstoretheme .v-filterselect-huge [class*="input"], .v-ie9 .jpetstoretheme .v-filterselect-huge [class*="input"] { - line-height: 59px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-filterselect-huge .v-icon + [class*="input"] { padding-left: 59px; } @@ -3796,6 +3776,7 @@ div.v-layout.v-horizontal.v-widget { width: 59px; line-height: 1; padding-top: 0.12em; + margin-left: 10px; } .jpetstoretheme .v-filterselect-huge [class$="button"] { @@ -3931,22 +3912,44 @@ div.v-layout.v-horizontal.v-widget { border-radius: 0; } +.jpetstoretheme .v-csslayout-v-component-group .v-widget ~ .v-widget.v-upload:not(:last-child) .v-button { + border-radius: 0; +} + .jpetstoretheme .v-csslayout-v-component-group .v-widget:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } +.jpetstoretheme .v-csslayout-v-component-group .v-widget.v-upload:last-child .v-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + .jpetstoretheme .v-csslayout-v-component-group .v-widget:first-child, .jpetstoretheme .v-csslayout-v-component-group .v-caption:first-child + .v-widget { border-top-right-radius: 0; border-bottom-right-radius: 0; } +.jpetstoretheme .v-csslayout-v-component-group .v-widget.v-upload:first-child .v-button, .jpetstoretheme .v-csslayout-v-component-group .v-caption:first-child + .v-widget.v-upload .v-button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + .jpetstoretheme .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first { border-radius: 4px 0 0 4px; } -.jpetstoretheme .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last { - border-radius: 0 4px 4px 0; +.jpetstoretheme .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first.v-upload .v-button { + border-radius: 4px 0 0 4px; +} + +.jpetstoretheme .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last { + border-radius: 0 4px 4px 0; +} + +.jpetstoretheme .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last.v-upload .v-button { + border-radius: 0 4px 4px 0; } .jpetstoretheme .v-csslayout-v-component-group .v-widget { @@ -3972,8 +3975,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-form-content { height: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -4107,12 +4108,6 @@ div.v-layout.v-horizontal.v-widget { color: inherit; } -.v-ie8 .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .v-ie9 .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .v-ie8 .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .v-ie9 .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .v-ie8 .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .v-ie9 .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .v-ie8 .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .v-ie9 .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .v-ie8 .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea, .v-ie9 .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea { - line-height: 37px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield.v-disabled, .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea.v-disabled, .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input.v-disabled, .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input.v-disabled, .jpetstoretheme .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; @@ -4181,8 +4176,6 @@ div.v-layout.v-horizontal.v-widget { position: absolute; z-index: 1; outline: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -4205,8 +4198,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-grid-tablewrapper { position: absolute; overflow: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; z-index: 5; } @@ -4220,8 +4211,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-grid-header-deco, .jpetstoretheme .v-grid-footer-deco { position: absolute; right: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -4230,8 +4219,6 @@ div.v-layout.v-horizontal.v-widget { bottom: 0; left: 0; right: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -4267,12 +4254,6 @@ div.v-layout.v-horizontal.v-widget { display: block; } -.v-ie8 .jpetstoretheme .v-grid-row, .v-ie9 .jpetstoretheme .v-grid-row { - float: left; - clear: left; - margin-top: 0; -} - .jpetstoretheme .v-grid-row > td, .jpetstoretheme .v-grid-row > th { background-color: white; } @@ -4286,8 +4267,6 @@ div.v-layout.v-horizontal.v-widget { float: left; padding: 2px; white-space: nowrap; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; font-size: 16px; @@ -4307,15 +4286,9 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-grid-spacer > td { width: 100%; height: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } -.v-ie8 .jpetstoretheme .v-grid-spacer, .v-ie9 .jpetstoretheme .v-grid-spacer { - margin-top: 0; -} - .jpetstoretheme .v-grid { outline: none; } @@ -4422,12 +4395,6 @@ div.v-layout.v-horizontal.v-widget { vertical-align: middle; } -.v-ie8 .jpetstoretheme .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button:after { - vertical-align: middle; - text-align: center; - display: inline; -} - .jpetstoretheme .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content { padding: 4px 0; overflow-y: auto; @@ -4464,6 +4431,10 @@ div.v-layout.v-horizontal.v-widget { border-left: none; } +.jpetstoretheme .v-grid-cell div.component-wrap { + width: 100%; +} + .jpetstoretheme .v-grid-row > td, .jpetstoretheme .v-grid-editor-cells > div { border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; @@ -4613,10 +4584,6 @@ div.v-layout.v-horizontal.v-widget { pointer-events: none; } -.ie8 .jpetstoretheme .v-grid-cell-focused:before, .ie9 .jpetstoretheme .v-grid-cell-focused:before, .ie10 .jpetstoretheme .v-grid-cell-focused:before { - content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==); -} - .jpetstoretheme .v-grid:focus .v-grid-cell-focused:before { display: block; } @@ -4654,8 +4621,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-grid-editor-cells > div { display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; background: white; @@ -4693,14 +4658,6 @@ div.v-layout.v-horizontal.v-widget { max-height: 100%; } -.v-ie8 .jpetstoretheme .v-grid-editor-cells > div .v-datefield-button { - margin-left: -37px; -} - -.v-ie8 .jpetstoretheme .v-grid-editor-cells > div .v-filterselect-button { - margin-left: -25px; -} - .jpetstoretheme .v-grid-editor-cells > div .v-select, .jpetstoretheme .v-grid-editor-cells > div .v-select-select { min-width: 100%; max-width: 100%; @@ -4804,10 +4761,6 @@ div.v-layout.v-horizontal.v-widget { pointer-events: none; } -.ie8 .jpetstoretheme .v-grid-spacer-deco:before, .ie9 .jpetstoretheme .v-grid-spacer-deco:before, .ie10 .jpetstoretheme .v-grid-spacer-deco:before { - content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==); -} - .jpetstoretheme .v-grid-cell > .v-progressbar { width: 100%; } @@ -4933,14 +4886,6 @@ div.v-layout.v-horizontal.v-widget { padding-left: 44.4px; } -.v-ie8 .jpetstoretheme .v-grid-editor-cells > div .v-datefield-button { - margin-left: 0px; -} - -.v-ie8 .jpetstoretheme .v-grid-editor-cells > div .v-filterselect-button { - margin-left: 0px; -} - .jpetstoretheme .v-grid-editor-cells > div .v-textfield-focus, .jpetstoretheme .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .jpetstoretheme .v-grid-editor-cells > div .v-filterselect-input:focus { position: relative; } @@ -5034,6 +4979,76 @@ div.v-layout.v-horizontal.v-widget { min-width: 30px; } +.jpetstoretheme .v-grid-row-drag-badge { + background-color: red; + color: white; + display: block; + width: 30px; + height: 30px; + border-radius: 10px; + line-height: 30px; + text-align: center; + float: left; +} + +.jpetstoretheme .v-grid-row-drag-top, .jpetstoretheme .v-grid-row-drag-bottom { + z-index: 100; +} + +.jpetstoretheme .v-grid-row-drag-top:before, .jpetstoretheme .v-grid-row-drag-bottom:after { + content: ""; + display: block; + position: absolute; + height: 2px; + width: 100%; + background: #197de1; + pointer-events: none; + border: none; +} + +.jpetstoretheme .v-grid-row-drag-bottom:after { + bottom: -1px; +} + +.jpetstoretheme .v-grid-row-drag-top:before { + top: -1px; +} + +.jpetstoretheme .v-grid-row-drag-top:first-child:before { + top: 0; +} + +.jpetstoretheme .v-grid-row-drag-center:after { + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 2px; + border: 2px solid #197de1; + pointer-events: none; +} + +.jpetstoretheme .v-grid-row-selected.v-grid-row-drag-center:after { + border-color: #1463b3; +} + +.jpetstoretheme .v-grid-row-selected.v-grid-row-drag-top:before, .jpetstoretheme .v-grid-row-selected.v-grid-row-drag-bottom:after { + background: #1463b3; +} + +.jpetstoretheme .v-grid-body-drag-top:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + border: 2px solid #197de1; + z-index: 100; +} + .jpetstoretheme .v-textfield { -webkit-appearance: none; -moz-appearance: none; @@ -5063,12 +5078,6 @@ div.v-layout.v-horizontal.v-widget { width: 185px; } -.v-ie8 .jpetstoretheme .v-textfield, .v-ie9 .jpetstoretheme .v-textfield { - line-height: 37px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-textfield.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; @@ -5154,12 +5163,6 @@ div.v-layout.v-horizontal.v-widget { font-size: 12px; } -.v-ie8 .jpetstoretheme .v-textfield-tiny, .v-ie9 .jpetstoretheme .v-textfield-tiny { - line-height: 28px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-textfield-compact, .jpetstoretheme .v-textfield-small { -webkit-appearance: none; -moz-appearance: none; @@ -5185,12 +5188,6 @@ div.v-layout.v-horizontal.v-widget { transition: box-shadow 180ms, border 180ms; } -.v-ie8 .jpetstoretheme .v-textfield-compact, .v-ie9 .jpetstoretheme .v-textfield-compact, .v-ie8 .jpetstoretheme .v-textfield-small, .v-ie9 .jpetstoretheme .v-textfield-small { - line-height: 31px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-textfield-small { font-size: 14px; } @@ -5221,12 +5218,6 @@ div.v-layout.v-horizontal.v-widget { font-size: 20px; } -.v-ie8 .jpetstoretheme .v-textfield-large, .v-ie9 .jpetstoretheme .v-textfield-large { - line-height: 44px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-textfield-huge { -webkit-appearance: none; -moz-appearance: none; @@ -5253,12 +5244,6 @@ div.v-layout.v-horizontal.v-widget { font-size: 26px; } -.v-ie8 .jpetstoretheme .v-textfield-huge, .v-ie9 .jpetstoretheme .v-textfield-huge { - line-height: 59px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-slot-inline-icon { position: relative; } @@ -5533,12 +5518,6 @@ div.v-layout.v-horizontal.v-widget { width: 185px; } -.v-ie8 .jpetstoretheme .v-textarea, .v-ie9 .jpetstoretheme .v-textarea { - line-height: 37px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-textarea.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; @@ -5560,12 +5539,6 @@ div.v-layout.v-horizontal.v-widget { color: #a3a3a3; } -.v-ie8 .jpetstoretheme .v-textarea, .v-ie9 .jpetstoretheme .v-textarea { - line-height: inherit; - padding-top: 4px; - padding-bottom: 4px; -} - .jpetstoretheme .v-textarea-readonly { background: #fafafa; color: #464646; @@ -5634,18 +5607,6 @@ div.v-layout.v-horizontal.v-widget { font-size: 12px; } -.v-ie8 .jpetstoretheme .v-textarea-tiny, .v-ie9 .jpetstoretheme .v-textarea-tiny { - line-height: 28px; - padding-top: 0; - padding-bottom: 0; -} - -.v-ie8 .jpetstoretheme .v-textarea-tiny, .v-ie9 .jpetstoretheme .v-textarea-tiny { - line-height: inherit; - padding-top: 3px; - padding-bottom: 3px; -} - .jpetstoretheme .v-textarea-small { -webkit-appearance: none; -moz-appearance: none; @@ -5676,18 +5637,6 @@ div.v-layout.v-horizontal.v-widget { font-size: 14px; } -.v-ie8 .jpetstoretheme .v-textarea-small, .v-ie9 .jpetstoretheme .v-textarea-small { - line-height: 31px; - padding-top: 0; - padding-bottom: 0; -} - -.v-ie8 .jpetstoretheme .v-textarea-small, .v-ie9 .jpetstoretheme .v-textarea-small { - line-height: inherit; - padding-top: 3px; - padding-bottom: 3px; -} - .jpetstoretheme .v-textarea-large { -webkit-appearance: none; -moz-appearance: none; @@ -5718,18 +5667,6 @@ div.v-layout.v-horizontal.v-widget { font-size: 20px; } -.v-ie8 .jpetstoretheme .v-textarea-large, .v-ie9 .jpetstoretheme .v-textarea-large { - line-height: 44px; - padding-top: 0; - padding-bottom: 0; -} - -.v-ie8 .jpetstoretheme .v-textarea-large, .v-ie9 .jpetstoretheme .v-textarea-large { - line-height: inherit; - padding-top: 5px; - padding-bottom: 5px; -} - .jpetstoretheme .v-textarea-huge { -webkit-appearance: none; -moz-appearance: none; @@ -5760,18 +5697,6 @@ div.v-layout.v-horizontal.v-widget { font-size: 26px; } -.v-ie8 .jpetstoretheme .v-textarea-huge, .v-ie9 .jpetstoretheme .v-textarea-huge { - line-height: 59px; - padding-top: 0; - padding-bottom: 0; -} - -.v-ie8 .jpetstoretheme .v-textarea-huge, .v-ie9 .jpetstoretheme .v-textarea-huge { - line-height: inherit; - padding-top: 7px; - padding-bottom: 7px; -} - .jpetstoretheme .v-textarea-align-right { text-align: right; } @@ -5788,8 +5713,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-datefield [class*="textfield"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -5822,12 +5745,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: inherit; } -.v-ie8 .jpetstoretheme .v-datefield [class*="textfield"], .v-ie9 .jpetstoretheme .v-datefield [class*="textfield"] { - line-height: 37px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-datefield [class*="textfield"].v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; @@ -6012,8 +5929,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-datefield-popup .v-datefield-calendarpanel-day { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 30px; height: 26px; @@ -6027,8 +5942,6 @@ div.v-layout.v-horizontal.v-widget { -moz-transition: color 200ms; transition: color 200ms; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } @@ -6063,10 +5976,6 @@ div.v-layout.v-horizontal.v-widget { position: relative; } -.v-ie8 .jpetstoretheme .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused { - border-color: #197de1; -} - .jpetstoretheme .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .jpetstoretheme .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover { color: #a0a0a0; cursor: not-allowed; @@ -6205,8 +6114,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-datefield-calendarpanel-day { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 30px; height: 26px; @@ -6220,8 +6127,6 @@ div.v-layout.v-horizontal.v-widget { -moz-transition: color 200ms; transition: color 200ms; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } @@ -6256,10 +6161,6 @@ div.v-layout.v-horizontal.v-widget { position: relative; } -.v-ie8 .jpetstoretheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused { - border-color: #197de1; -} - .jpetstoretheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .jpetstoretheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover { color: #a0a0a0; cursor: not-allowed; @@ -6430,8 +6331,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-datefield-tiny [class*="textfield"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -6462,12 +6361,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: inherit; } -.v-ie8 .jpetstoretheme .v-datefield-tiny [class*="textfield"], .v-ie9 .jpetstoretheme .v-datefield-tiny [class*="textfield"] { - line-height: 28px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-datefield-tiny [class*="button"] { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; @@ -6545,8 +6438,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-datefield-compact [class*="textfield"], .jpetstoretheme .v-datefield-small [class*="textfield"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -6577,12 +6468,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: inherit; } -.v-ie8 .jpetstoretheme .v-datefield-compact [class*="textfield"], .v-ie9 .jpetstoretheme .v-datefield-compact [class*="textfield"], .v-ie8 .jpetstoretheme .v-datefield-small [class*="textfield"], .v-ie9 .jpetstoretheme .v-datefield-small [class*="textfield"] { - line-height: 31px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-datefield-compact [class*="button"], .jpetstoretheme .v-datefield-small [class*="button"] { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; @@ -6665,8 +6550,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-datefield-large [class*="textfield"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -6697,12 +6580,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: inherit; } -.v-ie8 .jpetstoretheme .v-datefield-large [class*="textfield"], .v-ie9 .jpetstoretheme .v-datefield-large [class*="textfield"] { - line-height: 44px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-datefield-large [class*="button"] { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; @@ -6781,8 +6658,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-datefield-huge [class*="textfield"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -6813,12 +6688,6 @@ div.v-layout.v-horizontal.v-widget { border-radius: inherit; } -.v-ie8 .jpetstoretheme .v-datefield-huge [class*="textfield"], .v-ie9 .jpetstoretheme .v-datefield-huge [class*="textfield"] { - line-height: 59px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-datefield-huge [class*="button"] { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; @@ -6900,8 +6769,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-inline-datefield-calendarpanel-day { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 30px; height: 26px; @@ -6915,8 +6782,6 @@ div.v-layout.v-horizontal.v-widget { -moz-transition: color 200ms; transition: color 200ms; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } @@ -6951,10 +6816,6 @@ div.v-layout.v-horizontal.v-widget { position: relative; } -.v-ie8 .jpetstoretheme .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused { - border-color: #197de1; -} - .jpetstoretheme .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range, .jpetstoretheme .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range:hover { color: #a0a0a0; cursor: not-allowed; @@ -7197,8 +7058,6 @@ div.v-layout.v-horizontal.v-widget { position: relative; z-index: 1; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; height: 37px; padding: 0 15px; @@ -7587,8 +7446,6 @@ div.v-layout.v-horizontal.v-widget { :root .jpetstoretheme .v-radiobutton > input ~ label:before, :root .jpetstoretheme .v-radiobutton > input ~ label:after { content: ""; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 19px; height: 19px; @@ -7750,8 +7607,6 @@ div.v-layout.v-horizontal.v-widget { :root .jpetstoretheme .v-select-optiongroup-small .v-checkbox > input ~ label:before, :root .jpetstoretheme .v-select-optiongroup-small .v-checkbox > input ~ label:after { content: ""; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 16px; height: 16px; @@ -7879,8 +7734,6 @@ div.v-layout.v-horizontal.v-widget { :root .jpetstoretheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .jpetstoretheme .v-select-optiongroup-small .v-radiobutton > input ~ label:after { content: ""; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 16px; height: 16px; @@ -8042,8 +7895,6 @@ div.v-layout.v-horizontal.v-widget { :root .jpetstoretheme .v-select-optiongroup-large .v-checkbox > input ~ label:before, :root .jpetstoretheme .v-select-optiongroup-large .v-checkbox > input ~ label:after { content: ""; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 22px; height: 22px; @@ -8171,8 +8022,6 @@ div.v-layout.v-horizontal.v-widget { :root .jpetstoretheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .jpetstoretheme .v-select-optiongroup-large .v-radiobutton > input ~ label:after { content: ""; display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 22px; height: 22px; @@ -8325,14 +8174,30 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-link a { - cursor: inherit; - color: inherit; + cursor: pointer; + color: #197de1; + text-decoration: underline; + font-weight: inherit; + -webkit-transition: color 140ms; + -moz-transition: color 140ms; + transition: color 140ms; + cursor: inherit; + color: inherit; text-decoration: inherit; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; } +.jpetstoretheme .v-link a:hover { + color: #4396ea; +} + +.jpetstoretheme .v-link a.v-disabled { + opacity: 0.5; + filter: alpha(opacity=50) ; +} + .jpetstoretheme .v-link .v-icon { cursor: inherit; } @@ -8466,8 +8331,6 @@ div.v-layout.v-horizontal.v-widget { z-index: 3; top: 0; right: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 33px; height: 36px; @@ -8538,8 +8401,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-window-contents { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; margin-top: 0 !important; @@ -8626,15 +8487,6 @@ div.v-layout.v-horizontal.v-widget { cursor: nwse-resize; } -.v-ie8 .jpetstoretheme .v-window-resizebox { - background: #000; - filter: alpha(opacity=0.1); -} - -.v-ie8 .jpetstoretheme .v-window-resizebox, .v-ie9 .jpetstoretheme .v-window-resizebox { - cursor: se-resize; -} - .jpetstoretheme .v-window-modalitycurtain:active ~ .v-window { -webkit-animation: none; -moz-animation: none; @@ -8682,8 +8534,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-layout { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; box-sizing: content-box; margin: -12px -12px 0; } @@ -8698,8 +8548,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-margin-left.v-margin-right.v-margin-bottom .v-window-bottom-toolbar.v-layout { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; box-sizing: content-box; margin: 0 -12px -12px; } @@ -8725,20 +8573,6 @@ div.v-layout.v-horizontal.v-widget { opacity: 0; } -.v-ie8 .jpetstoretheme .v-tree-node:before { - position: static; - margin-left: -1.9em; - vertical-align: top; - content: "\f0da"; - font-family: ThemeIcons; - text-align: center; - background: transparent; -} - -.v-ie8 .jpetstoretheme .v-tree-node { - padding-left: 1.9em; -} - .jpetstoretheme .v-tree-node-caption { height: 28px; line-height: 27px; @@ -8766,10 +8600,6 @@ div.v-layout.v-horizontal.v-widget { transition: all 100ms; } -.v-ie8 .jpetstoretheme .v-tree-node-caption > div:before { - display: none; -} - .jpetstoretheme .v-tree-node-caption span { padding-right: 28px; cursor: pointer; @@ -8804,106 +8634,2157 @@ div.v-layout.v-horizontal.v-widget { transition: opacity 120ms; } -.v-ie8 .jpetstoretheme .v-tree-node-caption:after { - content: none; +.jpetstoretheme .v-tree-node-expanded > .v-tree-node-caption > div:before { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + content: "\f0da"; + font-family: ThemeIcons; +} + +.jpetstoretheme .v-tree-node-leaf:before, .jpetstoretheme .v-tree-node-leaf > .v-tree-node-caption > div:before { + visibility: hidden; +} + +.jpetstoretheme .v-tree-node-focused:after { + opacity: 1; + border: 1px solid #197de1; +} + +.jpetstoretheme .v-tree-node-selected { + color: #ecf2f8; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); +} + +.jpetstoretheme .v-tree-node-selected:after { + opacity: 1; + background-color: #197de1; + background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%); + background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%); + border: none; +} + +.jpetstoretheme .v-tree-node-children { + padding-left: 19px; +} + +.jpetstoretheme .v-tree-node-drag-top:before, .jpetstoretheme .v-tree-node-drag-bottom:after, .jpetstoretheme .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded > .v-tree-node-children:before { + content: "\2022"; + display: block; + position: absolute; + height: 2px; + width: 100%; + background: #197de1; + font-size: 32px; + line-height: 2px; + color: #197de1; + text-indent: -4px; + text-shadow: 0 0 1px #fafafa, 0 0 1px #fafafa; + opacity: 1; + visibility: visible; +} + +.jpetstoretheme .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded:after { + content: none; +} + +.jpetstoretheme .v-tree-node-caption-drag-center { + -webkit-box-shadow: 0 0 0 2px #197de1; + box-shadow: 0 0 0 2px #197de1; + position: relative; + border-radius: 4px; +} + +.v-ff .jpetstoretheme .v-tree-node-drag-top:before, .v-ff .jpetstoretheme .v-tree-node-drag-bottom:after { + line-height: 1px; +} + +.jpetstoretheme .v-tree8 { + position: relative; +} + +.jpetstoretheme .v-tree8-scroller { + position: absolute; + z-index: 1; + outline: none; + box-sizing: border-box; +} + +.jpetstoretheme .v-tree8-scroller-horizontal { + left: 0; + right: 0; + bottom: 0; + overflow-y: hidden; + -ms-overflow-y: hidden; +} + +.jpetstoretheme .v-tree8-scroller-vertical { + right: 0; + top: 0; + bottom: 0; + overflow-x: hidden; + -ms-overflow-x: hidden; +} + +.jpetstoretheme .v-tree8-tablewrapper { + position: absolute; + overflow: hidden; + box-sizing: border-box; + z-index: 5; +} + +.jpetstoretheme .v-tree8-tablewrapper > table { + border-spacing: 0; + table-layout: fixed; + width: inherit; +} + +.jpetstoretheme .v-tree8-header-deco, .jpetstoretheme .v-tree8-footer-deco { + position: absolute; + right: 0; + box-sizing: border-box; +} + +.jpetstoretheme .v-tree8-horizontal-scrollbar-deco { + position: absolute; + bottom: 0; + left: 0; + right: 0; + box-sizing: border-box; +} + +.jpetstoretheme .v-tree8-header, .jpetstoretheme .v-tree8-body, .jpetstoretheme .v-tree8-footer { + position: absolute; + left: 0; + width: inherit; + z-index: 10; +} + +.jpetstoretheme .v-tree8-header, .jpetstoretheme .v-tree8-header-deco { + top: 0; +} + +.jpetstoretheme .v-tree8-footer, .jpetstoretheme .v-tree8-footer-deco { + bottom: 0; +} + +.jpetstoretheme .v-tree8-body { + -ms-touch-action: none; + touch-action: none; + z-index: 0; + top: 0; +} + +.jpetstoretheme .v-tree8-body .v-tree8-row { + position: absolute; + top: 0; + left: 0; +} + +.jpetstoretheme .v-tree8-row { + display: block; +} + +.jpetstoretheme .v-tree8-row > td, .jpetstoretheme .v-tree8-row > th { + background-color: white; +} + +.jpetstoretheme .v-tree8-row { + width: inherit; +} + +.jpetstoretheme .v-tree8-cell { + display: block; + float: left; + padding: 2px; + white-space: nowrap; + box-sizing: border-box; + overflow: hidden; + font-size: 16px; +} + +.jpetstoretheme .v-tree8-cell.frozen { + position: relative; + z-index: 1; +} + +.jpetstoretheme .v-tree8-spacer { + position: absolute; + display: block; + background-color: white; +} + +.jpetstoretheme .v-tree8-spacer > td { + width: 100%; + height: 100%; + box-sizing: border-box; +} + +.jpetstoretheme .v-tree8 { + outline: none; +} + +.jpetstoretheme .v-tree8-scroller-vertical, .jpetstoretheme .v-tree8-scroller-horizontal { + border: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-tree8-scroller-vertical { + border-left: none; +} + +.jpetstoretheme .v-tree8-scroller-horizontal { + border-top: none; +} + +.jpetstoretheme .v-tree8-tablewrapper { + border: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-tree8 .header-drag-table { + border-spacing: 0; + position: relative; + table-layout: fixed; + width: inherit; +} + +.jpetstoretheme .v-tree8 .header-drag-table .v-tree8-header { + position: absolute; +} + +.jpetstoretheme .v-tree8 .header-drag-table .v-tree8-header > .v-tree8-cell { + border: 1px solid #d4d4d4; + margin-top: -10px; + opacity: 0.9; + filter: alpha(opacity=90); + z-index: 30000; +} + +.jpetstoretheme .v-tree8 .header-drag-table .v-tree8-header > .v-tree8-drop-marker { + background-color: #197de1; + position: absolute; + width: 3px; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; + position: absolute; + top: 0; + right: 0; + background-color: #fafafa; + border: 1px solid #d4d4d4; + padding: 0; + z-index: 5; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu.v-tree8-sidebar-popup { + right: auto; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button { + background: transparent; + border: none; + color: inherit; + cursor: pointer; + outline: none; + padding: 0 4px; + text-align: right; + line-height: 1; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button[disabled] { + cursor: default; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button::-moz-focus-inner { + border: 0; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button:after { + content: "\f0c9"; + display: block; + font-family: ThemeIcons, sans-serif; + font-size: 14px; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu.closed { + border-radius: 0; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-button { + width: 100%; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-button:after { + content: "\f0c9"; + font-size: 14px; + line-height: 1; +} + +.v-ie .jpetstoretheme .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-button { + vertical-align: middle; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-content { + padding: 4px 0; + overflow-y: auto; + overflow-x: hidden; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle { + text-shadow: none; +} + +.jpetstoretheme .v-tree8-cell { + background-color: white; + padding: 0 18px; + line-height: 37px; + text-overflow: ellipsis; +} + +.jpetstoretheme .v-tree8-cell > * { + line-height: 1.55; + vertical-align: middle; +} + +.jpetstoretheme .v-tree8-cell > div { + display: inline-block; +} + +.jpetstoretheme .v-tree8-cell.frozen { + -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); + box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); + border-right: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-tree8-cell.frozen + th, .jpetstoretheme .v-tree8-cell.frozen + td { + border-left: none; +} + +.jpetstoretheme .v-tree8-cell div.component-wrap { + width: 100%; +} + +.jpetstoretheme .v-tree8-row > td, .jpetstoretheme .v-tree8-editor-cells > div { + border-left: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-tree8-row > td:first-child, .jpetstoretheme .v-tree8-editor-cells > div:first-child { + border-left: none; +} + +.jpetstoretheme .v-tree8-editor-cells.frozen > div { + -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); + box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); + border-right: 1px solid #d4d4d4; + border-left: none; +} + +.jpetstoretheme .v-tree8-row-stripe > td { + background-color: #f5f5f5; +} + +.jpetstoretheme .v-tree8-row-selected > td { + background: #197de1; +} + +.jpetstoretheme .v-tree8-row-focused > td { + +} + +.jpetstoretheme .v-tree8-header th { + position: relative; + background-color: #fafafa; + font-size: 14px; + font-weight: inherit; + border-left: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; + + text-align: left; +} + +.jpetstoretheme .v-tree8-header th:first-child { + border-left: none; +} + +.jpetstoretheme .v-tree8-header .sort-asc, .jpetstoretheme .v-tree8-header .sort-desc { + padding-right: 35px; +} + +.jpetstoretheme .v-tree8-header .sort-asc:after, .jpetstoretheme .v-tree8-header .sort-desc:after { + font-family: ThemeIcons, sans-serif; + content: "\f0de" " " attr(sort-order); + position: absolute; + right: 18px; + font-size: 12px; +} + +.jpetstoretheme .v-tree8-header .sort-desc:after { + content: "\f0dd" " " attr(sort-order); +} + +.jpetstoretheme .v-tree8-column-resize-handle { + position: absolute; + width: 36px; + right: -18px; + top: 0px; + bottom: 0px; + cursor: col-resize; + z-index: 10; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.jpetstoretheme .v-tree8-column-resize-simple-indicator { + position: absolute; + width: 3px; + top: 0px; + left: 18px; + z-index: 9001; + background: #fff; + box-shadow: 0px 0px 5px #000; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.jpetstoretheme .v-tree8-footer td { + background-color: #fafafa; + font-size: 14px; + font-weight: inherit; + border-left: 1px solid #d4d4d4; + border-top: 1px solid #d4d4d4; + border-bottom: none; + +} + +.jpetstoretheme .v-tree8-footer td:first-child { + border-left: none; +} + +.jpetstoretheme .v-tree8-header .v-tree8-cell, .jpetstoretheme .v-tree8-footer .v-tree8-cell { + overflow: visible; +} + +.jpetstoretheme .v-tree8-column-header-content, .jpetstoretheme .v-tree8-column-footer-content { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + line-height: 37px; + vertical-align: baseline; +} + +.jpetstoretheme .v-tree8-header-deco { + border-top: 1px solid #d4d4d4; + border-right: 1px solid #d4d4d4; + background-color: #fafafa; +} + +.jpetstoretheme .v-tree8-footer-deco { + border-bottom: 1px solid #d4d4d4; + border-right: 1px solid #d4d4d4; + background-color: #fafafa; +} + +.jpetstoretheme .v-tree8-horizontal-scrollbar-deco { + background-color: #fafafa; + border: 1px solid #d4d4d4; + border-top: none; +} + +.jpetstoretheme .v-tree8-cell-focused { + position: relative; +} + +.jpetstoretheme .v-tree8-cell-focused:before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 2px solid #197de1; + display: none; + pointer-events: none; +} + +.jpetstoretheme .v-tree8:focus .v-tree8-cell-focused:before { + display: block; +} + +.jpetstoretheme .v-tree8.v-disabled:focus .v-tree8-cell-focused:before { + display: none; +} + +.jpetstoretheme .v-tree8-editor { + position: absolute; + z-index: 20; + overflow: hidden; + left: 0; + right: 0; + border: 1px solid #d4d4d4; + box-sizing: border-box; + -moz-box-sizing: border-box; + margin-top: -1px; + -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 9px rgba(0, 0, 0, 0.2); +} + +.jpetstoretheme .v-tree8-editor.unbuffered .v-tree8-editor-footer { + width: 100%; +} + +.jpetstoretheme .v-tree8-editor-cells { + position: relative; + white-space: nowrap; +} + +.jpetstoretheme .v-tree8-editor-cells.frozen { + z-index: 2; +} + +.jpetstoretheme .v-tree8-editor-cells > div { + display: inline-block; + box-sizing: border-box; + vertical-align: middle; + background: white; +} + +.jpetstoretheme .v-tree8-editor-cells > div:first-child { + border-left: none; +} + +.jpetstoretheme .v-tree8-editor-cells > div > * { + vertical-align: middle; + display: inline-block; +} + +.jpetstoretheme .v-tree8-editor-cells > div .v-filterselect { + padding-left: 0; +} + +.jpetstoretheme .v-tree8-editor-cells > div input[type="text"], .jpetstoretheme .v-tree8-editor-cells > div input[type="text"].v-filterselect-input, .jpetstoretheme .v-tree8-editor-cells > div input[type="password"] { + padding-left: 18px; +} + +.jpetstoretheme .v-tree8-editor-cells > div input[type="text"]:not(.v-filterselect-input), .jpetstoretheme .v-tree8-editor-cells > div input[type="password"] { + padding-right: 9px; +} + +.jpetstoretheme .v-tree8-editor-cells > div input[type="checkbox"] { + margin-left: 18px; +} + +.jpetstoretheme .v-tree8-editor-cells > div .v-textfield, .jpetstoretheme .v-tree8-editor-cells > div .v-datefield, .jpetstoretheme .v-tree8-editor-cells > div .v-filterselect { + min-width: 100%; + max-width: 100%; + min-height: 100%; + max-height: 100%; +} + +.jpetstoretheme .v-tree8-editor-cells > div .v-select, .jpetstoretheme .v-tree8-editor-cells > div .v-select-select { + min-width: 100%; + max-width: 100%; +} + +.jpetstoretheme .v-tree8-editor-cells > div.not-editable.v-tree8-cell { + float: none; +} + +.jpetstoretheme .v-tree8-editor-cells .error::before { + position: absolute; + display: block; + height: 0; + width: 0; + content: ""; + border-top: 5px solid red; + border-right: 5px solid transparent; +} + +.jpetstoretheme .v-tree8-editor-cells .error, .jpetstoretheme .v-tree8-editor-cells .error > input { + background-color: #fee; +} + +.jpetstoretheme .v-tree8-editor-footer { + display: table; + height: 37px; + border-top: 1px solid #d4d4d4; + margin-top: -1px; + background: white; + padding: 0 5px; +} + +.jpetstoretheme .v-tree8-editor-footer + .v-tree8-editor-cells > div { + border-bottom: none; + border-top: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-tree8-editor-footer:first-child { + border-top: none; + margin-top: 0; + border-bottom: 1px solid #d4d4d4; + margin-bottom: -1px; +} + +.jpetstoretheme .v-tree8-editor-message, .jpetstoretheme .v-tree8-editor-buttons { + display: table-cell; + white-space: nowrap; + vertical-align: middle; +} + +.jpetstoretheme .v-tree8-editor-message { + width: 100%; + position: relative; +} + +.jpetstoretheme .v-tree8-editor-message > div { + position: absolute; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + line-height: 37px; + top: 0; +} + +.jpetstoretheme .v-tree8-editor-save { + margin-right: 4px; +} + +.jpetstoretheme .v-tree8-spacer { + padding-left: 1px; +} + +.jpetstoretheme .v-tree8-spacer > td { + display: block; + padding: 0; + background-color: white; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-tree8-spacer.stripe > td { + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-tree8-spacer-deco-container { + border-top: 1px solid transparent; + position: relative; + top: 0; + z-index: 5; +} + +.jpetstoretheme .v-tree8-spacer-deco { + top: 0; + left: 0; + width: 2px; + background-color: #197de1; + position: absolute; + height: 100%; + pointer-events: none; +} + +.jpetstoretheme .v-tree8-cell > .v-progressbar { + width: 100%; +} + +.jpetstoretheme .v-tree8 { + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; + background-color: #fafafa; +} + +.jpetstoretheme .v-tree8.v-disabled { + opacity: 0.5; + filter: alpha(opacity=50) ; +} + +.jpetstoretheme .v-tree8-header .v-tree8-cell { + background-color: #fafafa; + background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); + background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); +} + +.jpetstoretheme .v-tree8-header .v-tree8-cell.dragged { + opacity: 0.5; + filter: alpha(opacity=50) ; + -webkit-transition: opacity 0.3s ease-in-out; + -moz-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; +} + +.jpetstoretheme .v-tree8-header .v-tree8-cell.dragged-column-header { + margin-top: -19px; +} + +.jpetstoretheme .v-tree8-footer .v-tree8-cell { + background-color: #fafafa; + background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); + background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); +} + +.jpetstoretheme .v-tree8-header-deco { + background-color: #fafafa; + background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); + background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); +} + +.jpetstoretheme .v-tree8-footer-deco, .jpetstoretheme .v-tree8-horizontal-scrollbar-deco { + background-color: #fafafa; + background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); + background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); +} + +.jpetstoretheme .v-tree8-row-selected > .v-tree8-cell { + background-color: #197de1; + background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%); + background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%); + color: #c8dbed; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); + border-color: #1d69b4; +} + +.jpetstoretheme .v-tree8-row-selected > .v-tree8-cell-focused:before { + border-color: #71b0ef; +} + +.jpetstoretheme .v-tree8-editor { + -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); + box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); + border-color: #197de1; +} + +.jpetstoretheme .v-tree8-editor-footer { + font-size: 14px; + padding: 0 6px; + background: #fafafa; + -webkit-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards; + -moz-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards; + animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards; +} + +.jpetstoretheme .v-tree8-editor-footer:first-child { + -webkit-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards; + -moz-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards; + animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards; +} + +.jpetstoretheme .v-tree8-editor-cells { + z-index: 1; +} + +.jpetstoretheme .v-tree8-editor-cells > div:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; +} + +.jpetstoretheme .v-tree8-editor-cells > div.not-editable.v-tree8-cell { + float: none; +} + +.jpetstoretheme .v-tree8-editor-cells > div .error::before { + border-top: 9px solid #ed473b; + border-right: 9px solid transparent; +} + +.jpetstoretheme .v-tree8-editor-cells > div .error, .jpetstoretheme .v-tree8-editor-cells > div .error > input { + background-color: #fffbfb; +} + +.jpetstoretheme .v-tree8-editor-cells > div .v-textfield, .jpetstoretheme .v-tree8-editor-cells > div .v-textfield-focus, .jpetstoretheme .v-tree8-editor-cells > div .v-datefield, .jpetstoretheme .v-tree8-editor-cells > div .v-datefield .v-textfield-focus, .jpetstoretheme .v-tree8-editor-cells > div .v-filterselect-input, .jpetstoretheme .v-tree8-editor-cells > div .v-filterselect-input:focus { + border: none; + border-radius: 0; + background: transparent; + -webkit-box-shadow: inset 0 1px 0 #f2f2f2; + box-shadow: inset 0 1px 0 #f2f2f2; +} + +.jpetstoretheme .v-tree8-editor-cells > div input[type="text"].v-datefield-textfield { + padding-left: 44.4px; +} + +.jpetstoretheme .v-tree8-editor-cells > div .v-textfield-focus, .jpetstoretheme .v-tree8-editor-cells > div .v-datefield .v-textfield-focus, .jpetstoretheme .v-tree8-editor-cells > div .v-filterselect-input:focus { + position: relative; +} + +.jpetstoretheme .v-tree8-editor-cells > div .v-select { + padding-left: 9px; + padding-right: 9px; +} + +.jpetstoretheme .v-tree8-editor-cells > div .v-checkbox { + margin: 0 9px 0 18px; +} + +.jpetstoretheme .v-tree8-editor-cells > div .v-checkbox > input[type="checkbox"] { + margin-left: 0; +} + +.jpetstoretheme .v-tree8-editor-cells > div .v-checkbox > label { + white-space: nowrap; +} + +.jpetstoretheme .v-tree8-editor-message > div:before { + display: inline-block; + color: #ed473b; + font-weight: 600; + width: 19px; + text-align: center; + content: "!"; +} + +.jpetstoretheme .v-tree8-editor-save, .jpetstoretheme .v-tree8-editor-cancel { + cursor: pointer; + color: #197de1; + text-decoration: underline; + font-weight: inherit; + -webkit-transition: color 140ms; + -moz-transition: color 140ms; + transition: color 140ms; + font-weight: 400; + text-decoration: none; + border: none; + background: transparent; + padding: 6px 6px; + margin: 0; + outline: none; +} + +.jpetstoretheme .v-tree8-editor-save:hover, .jpetstoretheme .v-tree8-editor-cancel:hover { + color: #4396ea; +} + +.jpetstoretheme .v-tree8-editor-save.v-disabled, .jpetstoretheme .v-tree8-editor-cancel.v-disabled { + opacity: 0.5; + filter: alpha(opacity=50) ; +} + +.jpetstoretheme .v-tree8-spacer { + margin-top: -1px; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-content { + margin: 0 0 2px; + padding: 4px 4px 2px; + overflow-y: auto; + overflow-x: hidden; +} + +.jpetstoretheme .v-tree8-sidebar.v-contextmenu.closed { + background-color: #fafafa; + background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); + background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); +} + +.jpetstoretheme .v-tree8-scroller::-webkit-scrollbar { + border: none; +} + +.jpetstoretheme .v-tree8-scroller::-webkit-scrollbar-thumb { + border-radius: 10px; + border: 4px solid transparent; + background: rgba(0, 0, 0, 0.3); + -webkit-background-clip: content-box; + background-clip: content-box; +} + +.jpetstoretheme .v-tree8-scroller-vertical::-webkit-scrollbar-thumb { + min-height: 30px; +} + +.jpetstoretheme .v-tree8-scroller-horizontal::-webkit-scrollbar-thumb { + min-width: 30px; +} + +.jpetstoretheme .v-tree8-row-drag-badge { + background-color: red; + color: white; + display: block; + width: 30px; + height: 30px; + border-radius: 10px; + line-height: 30px; + text-align: center; + float: left; +} + +.jpetstoretheme .v-tree8-row-drag-top, .jpetstoretheme .v-tree8-row-drag-bottom { + z-index: 100; +} + +.jpetstoretheme .v-tree8-row-drag-top:before, .jpetstoretheme .v-tree8-row-drag-bottom:after { + content: ""; + display: block; + position: absolute; + height: 2px; + width: 100%; + background: #197de1; + pointer-events: none; + border: none; +} + +.jpetstoretheme .v-tree8-row-drag-bottom:after { + bottom: -1px; +} + +.jpetstoretheme .v-tree8-row-drag-top:before { + top: -1px; +} + +.jpetstoretheme .v-tree8-row-drag-top:first-child:before { + top: 0; +} + +.jpetstoretheme .v-tree8-row-drag-center:after { + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 2px; + border: 2px solid #197de1; + pointer-events: none; +} + +.jpetstoretheme .v-tree8-row-selected.v-tree8-row-drag-center:after { + border-color: #1463b3; +} + +.jpetstoretheme .v-tree8-row-selected.v-tree8-row-drag-top:before, .jpetstoretheme .v-tree8-row-selected.v-tree8-row-drag-bottom:after { + background: #1463b3; +} + +.jpetstoretheme .v-tree8-body-drag-top:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + border: 2px solid #197de1; + z-index: 100; +} + +.jpetstoretheme .v-tree8-expander { + display: inline-block; + vertical-align: top; +} + +.jpetstoretheme .v-tree8-expander::before { + display: inline-block; + width: 1.5em; + text-align: center; + content: ""; +} + +.jpetstoretheme .v-tree8-expander.expanded::before { + content: "\f0d7"; + font-family: ThemeIcons; +} + +.jpetstoretheme .v-tree8-expander.collapsed::before { + content: "\f0da"; + font-family: ThemeIcons; +} + +.jpetstoretheme .v-tree8-expander.collapse-disabled::before { + opacity: 0.5; + filter: alpha(opacity=50) ; + cursor: default; +} + +.jpetstoretheme .v-tree8-node.depth-0 { + padding-left: 0em; +} + +.jpetstoretheme .v-tree8-node.depth-1 { + padding-left: 1em; +} + +.jpetstoretheme .v-tree8-node.depth-2 { + padding-left: 2em; +} + +.jpetstoretheme .v-tree8-node.depth-3 { + padding-left: 3em; +} + +.jpetstoretheme .v-tree8-node.depth-4 { + padding-left: 4em; +} + +.jpetstoretheme .v-tree8-node.depth-5 { + padding-left: 5em; +} + +.jpetstoretheme .v-tree8-node.depth-6 { + padding-left: 6em; +} + +.jpetstoretheme .v-tree8-node.depth-7 { + padding-left: 7em; +} + +.jpetstoretheme .v-tree8-node.depth-8 { + padding-left: 8em; +} + +.jpetstoretheme .v-tree8-node.depth-9 { + padding-left: 9em; +} + +.jpetstoretheme .v-tree8-node.depth-10 { + padding-left: 10em; +} + +.jpetstoretheme .v-tree8-node.depth-11 { + padding-left: 11em; +} + +.jpetstoretheme .v-tree8-node.depth-12 { + padding-left: 12em; +} + +.jpetstoretheme .v-tree8-node.depth-13 { + padding-left: 13em; +} + +.jpetstoretheme .v-tree8-node.depth-14 { + padding-left: 14em; +} + +.jpetstoretheme .v-tree8-node.depth-15 { + padding-left: 15em; +} + +.jpetstoretheme .v-tree8-cell-content { + display: inline-block; + vertical-align: middle; +} + +.jpetstoretheme .v-tree8-row-focused::before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 2px solid #197de1; + display: none; + pointer-events: none; +} + +.jpetstoretheme .v-tree8-cell-focused { + position: static; +} + +.jpetstoretheme .v-tree8-cell-focused::before { + display: none; +} + +.jpetstoretheme .v-tree8:focus .v-tree8-row-focused::before { + display: block; +} + +.jpetstoretheme .v-tree8.v-disabled:focus .v-tree8-row-focused::before { + display: none; +} + +.jpetstoretheme .v-tree8:focus .v-tree8-cell-focused::before { + display: none; +} + +.jpetstoretheme .v-tree8 { + background-color: transparent; +} + +.jpetstoretheme .v-tree8-row > td { + background-color: transparent; + border: 0; + line-height: 28px; +} + +.jpetstoretheme .v-tree8-row > td > * { + vertical-align: baseline; +} + +.jpetstoretheme .v-tree8-tablewrapper { + background-color: transparent; + border: none; +} + +.jpetstoretheme .v-tree8-row::before { + content: ""; + display: none; + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + border-radius: 4px; + pointer-events: none; + border-width: 1px; +} + +.jpetstoretheme .v-tree8-cell { + position: relative; +} + +.jpetstoretheme .v-tree8-row-selected > .v-tree8-cell { + background: transparent; +} + +.jpetstoretheme .v-tree8-row-selected::before { + display: block; + background-color: #197de1; + background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%); + background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%); +} + +.jpetstoretheme .v-tree8:focus .v-tree8-row-selected.v-tree8-row-focused::before { + border-color: transparent; + box-shadow: inset 0 0 0 1px #c8dbed; +} + +.jpetstoretheme .v-tree8-scroller-vertical { + border: none; +} + +.jpetstoretheme .v-tree8-scroller-horizontal { + border: none; +} + +.jpetstoretheme .v-tree8-header-deco, .jpetstoretheme .v-tree8-footer-deco, .jpetstoretheme .v-tree8-horizontal-scrollbar-deco { + border: none; + background: transparent; +} + +.jpetstoretheme .v-treegrid { + position: relative; +} + +.jpetstoretheme .v-treegrid-scroller { + position: absolute; + z-index: 1; + outline: none; + box-sizing: border-box; +} + +.jpetstoretheme .v-treegrid-scroller-horizontal { + left: 0; + right: 0; + bottom: 0; + overflow-y: hidden; + -ms-overflow-y: hidden; +} + +.jpetstoretheme .v-treegrid-scroller-vertical { + right: 0; + top: 0; + bottom: 0; + overflow-x: hidden; + -ms-overflow-x: hidden; +} + +.jpetstoretheme .v-treegrid-tablewrapper { + position: absolute; + overflow: hidden; + box-sizing: border-box; + z-index: 5; +} + +.jpetstoretheme .v-treegrid-tablewrapper > table { + border-spacing: 0; + table-layout: fixed; + width: inherit; +} + +.jpetstoretheme .v-treegrid-header-deco, .jpetstoretheme .v-treegrid-footer-deco { + position: absolute; + right: 0; + box-sizing: border-box; +} + +.jpetstoretheme .v-treegrid-horizontal-scrollbar-deco { + position: absolute; + bottom: 0; + left: 0; + right: 0; + box-sizing: border-box; +} + +.jpetstoretheme .v-treegrid-header, .jpetstoretheme .v-treegrid-body, .jpetstoretheme .v-treegrid-footer { + position: absolute; + left: 0; + width: inherit; + z-index: 10; +} + +.jpetstoretheme .v-treegrid-header, .jpetstoretheme .v-treegrid-header-deco { + top: 0; +} + +.jpetstoretheme .v-treegrid-footer, .jpetstoretheme .v-treegrid-footer-deco { + bottom: 0; +} + +.jpetstoretheme .v-treegrid-body { + -ms-touch-action: none; + touch-action: none; + z-index: 0; + top: 0; +} + +.jpetstoretheme .v-treegrid-body .v-treegrid-row { + position: absolute; + top: 0; + left: 0; +} + +.jpetstoretheme .v-treegrid-row { + display: block; +} + +.jpetstoretheme .v-treegrid-row > td, .jpetstoretheme .v-treegrid-row > th { + background-color: white; +} + +.jpetstoretheme .v-treegrid-row { + width: inherit; +} + +.jpetstoretheme .v-treegrid-cell { + display: block; + float: left; + padding: 2px; + white-space: nowrap; + box-sizing: border-box; + overflow: hidden; + font-size: 16px; +} + +.jpetstoretheme .v-treegrid-cell.frozen { + position: relative; + z-index: 1; +} + +.jpetstoretheme .v-treegrid-spacer { + position: absolute; + display: block; + background-color: white; +} + +.jpetstoretheme .v-treegrid-spacer > td { + width: 100%; + height: 100%; + box-sizing: border-box; +} + +.jpetstoretheme .v-treegrid { + outline: none; +} + +.jpetstoretheme .v-treegrid-scroller-vertical, .jpetstoretheme .v-treegrid-scroller-horizontal { + border: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-treegrid-scroller-vertical { + border-left: none; +} + +.jpetstoretheme .v-treegrid-scroller-horizontal { + border-top: none; +} + +.jpetstoretheme .v-treegrid-tablewrapper { + border: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-treegrid .header-drag-table { + border-spacing: 0; + position: relative; + table-layout: fixed; + width: inherit; +} + +.jpetstoretheme .v-treegrid .header-drag-table .v-treegrid-header { + position: absolute; +} + +.jpetstoretheme .v-treegrid .header-drag-table .v-treegrid-header > .v-treegrid-cell { + border: 1px solid #d4d4d4; + margin-top: -10px; + opacity: 0.9; + filter: alpha(opacity=90); + z-index: 30000; +} + +.jpetstoretheme .v-treegrid .header-drag-table .v-treegrid-header > .v-treegrid-drop-marker { + background-color: #197de1; + position: absolute; + width: 3px; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; + position: absolute; + top: 0; + right: 0; + background-color: #fafafa; + border: 1px solid #d4d4d4; + padding: 0; + z-index: 5; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu.v-treegrid-sidebar-popup { + right: auto; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button { + background: transparent; + border: none; + color: inherit; + cursor: pointer; + outline: none; + padding: 0 4px; + text-align: right; + line-height: 1; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button[disabled] { + cursor: default; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button::-moz-focus-inner { + border: 0; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button:after { + content: "\f0c9"; + display: block; + font-family: ThemeIcons, sans-serif; + font-size: 14px; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu.closed { + border-radius: 0; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-button { + width: 100%; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-button:after { + content: "\f0c9"; + font-size: 14px; + line-height: 1; +} + +.v-ie .jpetstoretheme .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-button { + vertical-align: middle; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-content { + padding: 4px 0; + overflow-y: auto; + overflow-x: hidden; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle { + text-shadow: none; +} + +.jpetstoretheme .v-treegrid-cell { + background-color: white; + padding: 0 18px; + line-height: 37px; + text-overflow: ellipsis; +} + +.jpetstoretheme .v-treegrid-cell > * { + line-height: 1.55; + vertical-align: middle; +} + +.jpetstoretheme .v-treegrid-cell > div { + display: inline-block; +} + +.jpetstoretheme .v-treegrid-cell.frozen { + -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); + box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); + border-right: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-treegrid-cell.frozen + th, .jpetstoretheme .v-treegrid-cell.frozen + td { + border-left: none; +} + +.jpetstoretheme .v-treegrid-cell div.component-wrap { + width: 100%; +} + +.jpetstoretheme .v-treegrid-row > td, .jpetstoretheme .v-treegrid-editor-cells > div { + border-left: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-treegrid-row > td:first-child, .jpetstoretheme .v-treegrid-editor-cells > div:first-child { + border-left: none; +} + +.jpetstoretheme .v-treegrid-editor-cells.frozen > div { + -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); + box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); + border-right: 1px solid #d4d4d4; + border-left: none; +} + +.jpetstoretheme .v-treegrid-row-stripe > td { + background-color: #f5f5f5; +} + +.jpetstoretheme .v-treegrid-row-selected > td { + background: #197de1; +} + +.jpetstoretheme .v-treegrid-row-focused > td { + +} + +.jpetstoretheme .v-treegrid-header th { + position: relative; + background-color: #fafafa; + font-size: 14px; + font-weight: inherit; + border-left: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; + + text-align: left; +} + +.jpetstoretheme .v-treegrid-header th:first-child { + border-left: none; +} + +.jpetstoretheme .v-treegrid-header .sort-asc, .jpetstoretheme .v-treegrid-header .sort-desc { + padding-right: 35px; +} + +.jpetstoretheme .v-treegrid-header .sort-asc:after, .jpetstoretheme .v-treegrid-header .sort-desc:after { + font-family: ThemeIcons, sans-serif; + content: "\f0de" " " attr(sort-order); + position: absolute; + right: 18px; + font-size: 12px; +} + +.jpetstoretheme .v-treegrid-header .sort-desc:after { + content: "\f0dd" " " attr(sort-order); +} + +.jpetstoretheme .v-treegrid-column-resize-handle { + position: absolute; + width: 36px; + right: -18px; + top: 0px; + bottom: 0px; + cursor: col-resize; + z-index: 10; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.jpetstoretheme .v-treegrid-column-resize-simple-indicator { + position: absolute; + width: 3px; + top: 0px; + left: 18px; + z-index: 9001; + background: #fff; + box-shadow: 0px 0px 5px #000; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.jpetstoretheme .v-treegrid-footer td { + background-color: #fafafa; + font-size: 14px; + font-weight: inherit; + border-left: 1px solid #d4d4d4; + border-top: 1px solid #d4d4d4; + border-bottom: none; + +} + +.jpetstoretheme .v-treegrid-footer td:first-child { + border-left: none; +} + +.jpetstoretheme .v-treegrid-header .v-treegrid-cell, .jpetstoretheme .v-treegrid-footer .v-treegrid-cell { + overflow: visible; +} + +.jpetstoretheme .v-treegrid-column-header-content, .jpetstoretheme .v-treegrid-column-footer-content { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + line-height: 37px; + vertical-align: baseline; +} + +.jpetstoretheme .v-treegrid-header-deco { + border-top: 1px solid #d4d4d4; + border-right: 1px solid #d4d4d4; + background-color: #fafafa; +} + +.jpetstoretheme .v-treegrid-footer-deco { + border-bottom: 1px solid #d4d4d4; + border-right: 1px solid #d4d4d4; + background-color: #fafafa; +} + +.jpetstoretheme .v-treegrid-horizontal-scrollbar-deco { + background-color: #fafafa; + border: 1px solid #d4d4d4; + border-top: none; +} + +.jpetstoretheme .v-treegrid-cell-focused { + position: relative; +} + +.jpetstoretheme .v-treegrid-cell-focused:before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 2px solid #197de1; + display: none; + pointer-events: none; +} + +.jpetstoretheme .v-treegrid:focus .v-treegrid-cell-focused:before { + display: block; +} + +.jpetstoretheme .v-treegrid.v-disabled:focus .v-treegrid-cell-focused:before { + display: none; +} + +.jpetstoretheme .v-treegrid-editor { + position: absolute; + z-index: 20; + overflow: hidden; + left: 0; + right: 0; + border: 1px solid #d4d4d4; + box-sizing: border-box; + -moz-box-sizing: border-box; + margin-top: -1px; + -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 9px rgba(0, 0, 0, 0.2); +} + +.jpetstoretheme .v-treegrid-editor.unbuffered .v-treegrid-editor-footer { + width: 100%; +} + +.jpetstoretheme .v-treegrid-editor-cells { + position: relative; + white-space: nowrap; +} + +.jpetstoretheme .v-treegrid-editor-cells.frozen { + z-index: 2; +} + +.jpetstoretheme .v-treegrid-editor-cells > div { + display: inline-block; + box-sizing: border-box; + vertical-align: middle; + background: white; +} + +.jpetstoretheme .v-treegrid-editor-cells > div:first-child { + border-left: none; +} + +.jpetstoretheme .v-treegrid-editor-cells > div > * { + vertical-align: middle; + display: inline-block; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .v-filterselect { + padding-left: 0; +} + +.jpetstoretheme .v-treegrid-editor-cells > div input[type="text"], .jpetstoretheme .v-treegrid-editor-cells > div input[type="text"].v-filterselect-input, .jpetstoretheme .v-treegrid-editor-cells > div input[type="password"] { + padding-left: 18px; +} + +.jpetstoretheme .v-treegrid-editor-cells > div input[type="text"]:not(.v-filterselect-input), .jpetstoretheme .v-treegrid-editor-cells > div input[type="password"] { + padding-right: 9px; +} + +.jpetstoretheme .v-treegrid-editor-cells > div input[type="checkbox"] { + margin-left: 18px; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .v-textfield, .jpetstoretheme .v-treegrid-editor-cells > div .v-datefield, .jpetstoretheme .v-treegrid-editor-cells > div .v-filterselect { + min-width: 100%; + max-width: 100%; + min-height: 100%; + max-height: 100%; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .v-select, .jpetstoretheme .v-treegrid-editor-cells > div .v-select-select { + min-width: 100%; + max-width: 100%; +} + +.jpetstoretheme .v-treegrid-editor-cells > div.not-editable.v-treegrid-cell { + float: none; +} + +.jpetstoretheme .v-treegrid-editor-cells .error::before { + position: absolute; + display: block; + height: 0; + width: 0; + content: ""; + border-top: 5px solid red; + border-right: 5px solid transparent; +} + +.jpetstoretheme .v-treegrid-editor-cells .error, .jpetstoretheme .v-treegrid-editor-cells .error > input { + background-color: #fee; +} + +.jpetstoretheme .v-treegrid-editor-footer { + display: table; + height: 37px; + border-top: 1px solid #d4d4d4; + margin-top: -1px; + background: white; + padding: 0 5px; +} + +.jpetstoretheme .v-treegrid-editor-footer + .v-treegrid-editor-cells > div { + border-bottom: none; + border-top: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-treegrid-editor-footer:first-child { + border-top: none; + margin-top: 0; + border-bottom: 1px solid #d4d4d4; + margin-bottom: -1px; +} + +.jpetstoretheme .v-treegrid-editor-message, .jpetstoretheme .v-treegrid-editor-buttons { + display: table-cell; + white-space: nowrap; + vertical-align: middle; +} + +.jpetstoretheme .v-treegrid-editor-message { + width: 100%; + position: relative; +} + +.jpetstoretheme .v-treegrid-editor-message > div { + position: absolute; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + line-height: 37px; + top: 0; +} + +.jpetstoretheme .v-treegrid-editor-save { + margin-right: 4px; +} + +.jpetstoretheme .v-treegrid-spacer { + padding-left: 1px; +} + +.jpetstoretheme .v-treegrid-spacer > td { + display: block; + padding: 0; + background-color: white; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-treegrid-spacer.stripe > td { + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #d4d4d4; +} + +.jpetstoretheme .v-treegrid-spacer-deco-container { + border-top: 1px solid transparent; + position: relative; + top: 0; + z-index: 5; +} + +.jpetstoretheme .v-treegrid-spacer-deco { + top: 0; + left: 0; + width: 2px; + background-color: #197de1; + position: absolute; + height: 100%; + pointer-events: none; +} + +.jpetstoretheme .v-treegrid-cell > .v-progressbar { + width: 100%; +} + +.jpetstoretheme .v-treegrid { + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; + background-color: #fafafa; +} + +.jpetstoretheme .v-treegrid.v-disabled { + opacity: 0.5; + filter: alpha(opacity=50) ; +} + +.jpetstoretheme .v-treegrid-header .v-treegrid-cell { + background-color: #fafafa; + background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); + background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); +} + +.jpetstoretheme .v-treegrid-header .v-treegrid-cell.dragged { + opacity: 0.5; + filter: alpha(opacity=50) ; + -webkit-transition: opacity 0.3s ease-in-out; + -moz-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; +} + +.jpetstoretheme .v-treegrid-header .v-treegrid-cell.dragged-column-header { + margin-top: -19px; +} + +.jpetstoretheme .v-treegrid-footer .v-treegrid-cell { + background-color: #fafafa; + background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); + background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); +} + +.jpetstoretheme .v-treegrid-header-deco { + background-color: #fafafa; + background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); + background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); +} + +.jpetstoretheme .v-treegrid-footer-deco, .jpetstoretheme .v-treegrid-horizontal-scrollbar-deco { + background-color: #fafafa; + background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); + background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); +} + +.jpetstoretheme .v-treegrid-row-selected > .v-treegrid-cell { + background-color: #197de1; + background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%); + background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%); + color: #c8dbed; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); + border-color: #1d69b4; +} + +.jpetstoretheme .v-treegrid-row-selected > .v-treegrid-cell-focused:before { + border-color: #71b0ef; +} + +.jpetstoretheme .v-treegrid-editor { + -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); + box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); + border-color: #197de1; +} + +.jpetstoretheme .v-treegrid-editor-footer { + font-size: 14px; + padding: 0 6px; + background: #fafafa; + -webkit-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards; + -moz-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards; + animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards; +} + +.jpetstoretheme .v-treegrid-editor-footer:first-child { + -webkit-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards; + -moz-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards; + animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards; +} + +.jpetstoretheme .v-treegrid-editor-cells { + z-index: 1; +} + +.jpetstoretheme .v-treegrid-editor-cells > div:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; +} + +.jpetstoretheme .v-treegrid-editor-cells > div.not-editable.v-treegrid-cell { + float: none; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .error::before { + border-top: 9px solid #ed473b; + border-right: 9px solid transparent; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .error, .jpetstoretheme .v-treegrid-editor-cells > div .error > input { + background-color: #fffbfb; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .v-textfield, .jpetstoretheme .v-treegrid-editor-cells > div .v-textfield-focus, .jpetstoretheme .v-treegrid-editor-cells > div .v-datefield, .jpetstoretheme .v-treegrid-editor-cells > div .v-datefield .v-textfield-focus, .jpetstoretheme .v-treegrid-editor-cells > div .v-filterselect-input, .jpetstoretheme .v-treegrid-editor-cells > div .v-filterselect-input:focus { + border: none; + border-radius: 0; + background: transparent; + -webkit-box-shadow: inset 0 1px 0 #f2f2f2; + box-shadow: inset 0 1px 0 #f2f2f2; +} + +.jpetstoretheme .v-treegrid-editor-cells > div input[type="text"].v-datefield-textfield { + padding-left: 44.4px; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .v-textfield-focus, .jpetstoretheme .v-treegrid-editor-cells > div .v-datefield .v-textfield-focus, .jpetstoretheme .v-treegrid-editor-cells > div .v-filterselect-input:focus { + position: relative; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .v-select { + padding-left: 9px; + padding-right: 9px; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .v-checkbox { + margin: 0 9px 0 18px; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .v-checkbox > input[type="checkbox"] { + margin-left: 0; +} + +.jpetstoretheme .v-treegrid-editor-cells > div .v-checkbox > label { + white-space: nowrap; +} + +.jpetstoretheme .v-treegrid-editor-message > div:before { + display: inline-block; + color: #ed473b; + font-weight: 600; + width: 19px; + text-align: center; + content: "!"; +} + +.jpetstoretheme .v-treegrid-editor-save, .jpetstoretheme .v-treegrid-editor-cancel { + cursor: pointer; + color: #197de1; + text-decoration: underline; + font-weight: inherit; + -webkit-transition: color 140ms; + -moz-transition: color 140ms; + transition: color 140ms; + font-weight: 400; + text-decoration: none; + border: none; + background: transparent; + padding: 6px 6px; + margin: 0; + outline: none; +} + +.jpetstoretheme .v-treegrid-editor-save:hover, .jpetstoretheme .v-treegrid-editor-cancel:hover { + color: #4396ea; +} + +.jpetstoretheme .v-treegrid-editor-save.v-disabled, .jpetstoretheme .v-treegrid-editor-cancel.v-disabled { + opacity: 0.5; + filter: alpha(opacity=50) ; +} + +.jpetstoretheme .v-treegrid-spacer { + margin-top: -1px; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-content { + margin: 0 0 2px; + padding: 4px 4px 2px; + overflow-y: auto; + overflow-x: hidden; +} + +.jpetstoretheme .v-treegrid-sidebar.v-contextmenu.closed { + background-color: #fafafa; + background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); + background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); +} + +.jpetstoretheme .v-treegrid-scroller::-webkit-scrollbar { + border: none; +} + +.jpetstoretheme .v-treegrid-scroller::-webkit-scrollbar-thumb { + border-radius: 10px; + border: 4px solid transparent; + background: rgba(0, 0, 0, 0.3); + -webkit-background-clip: content-box; + background-clip: content-box; +} + +.jpetstoretheme .v-treegrid-scroller-vertical::-webkit-scrollbar-thumb { + min-height: 30px; +} + +.jpetstoretheme .v-treegrid-scroller-horizontal::-webkit-scrollbar-thumb { + min-width: 30px; +} + +.jpetstoretheme .v-treegrid-row-drag-badge { + background-color: red; + color: white; + display: block; + width: 30px; + height: 30px; + border-radius: 10px; + line-height: 30px; + text-align: center; + float: left; +} + +.jpetstoretheme .v-treegrid-row-drag-top, .jpetstoretheme .v-treegrid-row-drag-bottom { + z-index: 100; +} + +.jpetstoretheme .v-treegrid-row-drag-top:before, .jpetstoretheme .v-treegrid-row-drag-bottom:after { + content: ""; + display: block; + position: absolute; + height: 2px; + width: 100%; + background: #197de1; + pointer-events: none; + border: none; +} + +.jpetstoretheme .v-treegrid-row-drag-bottom:after { + bottom: -1px; +} + +.jpetstoretheme .v-treegrid-row-drag-top:before { + top: -1px; +} + +.jpetstoretheme .v-treegrid-row-drag-top:first-child:before { + top: 0; +} + +.jpetstoretheme .v-treegrid-row-drag-center:after { + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 2px; + border: 2px solid #197de1; + pointer-events: none; +} + +.jpetstoretheme .v-treegrid-row-selected.v-treegrid-row-drag-center:after { + border-color: #1463b3; +} + +.jpetstoretheme .v-treegrid-row-selected.v-treegrid-row-drag-top:before, .jpetstoretheme .v-treegrid-row-selected.v-treegrid-row-drag-bottom:after { + background: #1463b3; +} + +.jpetstoretheme .v-treegrid-body-drag-top:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + border: 2px solid #197de1; + z-index: 100; +} + +.jpetstoretheme .v-treegrid-expander { + display: inline-block; + vertical-align: top; +} + +.jpetstoretheme .v-treegrid-expander::before { + display: inline-block; + width: 1.5em; + text-align: center; + content: ""; +} + +.jpetstoretheme .v-treegrid-expander.expanded::before { + content: "\f0d7"; + font-family: ThemeIcons; +} + +.jpetstoretheme .v-treegrid-expander.collapsed::before { + content: "\f0da"; + font-family: ThemeIcons; +} + +.jpetstoretheme .v-treegrid-expander.collapse-disabled::before { + opacity: 0.5; + filter: alpha(opacity=50) ; + cursor: default; +} + +.jpetstoretheme .v-treegrid-node.depth-0 { + padding-left: 0em; +} + +.jpetstoretheme .v-treegrid-node.depth-1 { + padding-left: 1em; +} + +.jpetstoretheme .v-treegrid-node.depth-2 { + padding-left: 2em; +} + +.jpetstoretheme .v-treegrid-node.depth-3 { + padding-left: 3em; +} + +.jpetstoretheme .v-treegrid-node.depth-4 { + padding-left: 4em; +} + +.jpetstoretheme .v-treegrid-node.depth-5 { + padding-left: 5em; } -.v-ie8 .jpetstoretheme .v-tree-node-caption { - display: inline-block; +.jpetstoretheme .v-treegrid-node.depth-6 { + padding-left: 6em; } -.jpetstoretheme .v-tree-node-expanded > .v-tree-node-caption > div:before { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); - content: "\f0da"; - font-family: ThemeIcons; +.jpetstoretheme .v-treegrid-node.depth-7 { + padding-left: 7em; } -.v-ie8 .jpetstoretheme .v-tree-node-expanded:before { - content: "\f0d7"; - font-family: ThemeIcons; +.jpetstoretheme .v-treegrid-node.depth-8 { + padding-left: 8em; } -.jpetstoretheme .v-tree-node-leaf:before, .jpetstoretheme .v-tree-node-leaf > .v-tree-node-caption > div:before { - visibility: hidden; +.jpetstoretheme .v-treegrid-node.depth-9 { + padding-left: 9em; } -.jpetstoretheme .v-tree-node-focused:after { - opacity: 1; - border: 1px solid #197de1; +.jpetstoretheme .v-treegrid-node.depth-10 { + padding-left: 10em; } -.v-ie8 .jpetstoretheme .v-tree-node-focused { - outline: 1px dotted #197de1; +.jpetstoretheme .v-treegrid-node.depth-11 { + padding-left: 11em; } -.jpetstoretheme .v-tree-node-selected { - color: #ecf2f8; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); +.jpetstoretheme .v-treegrid-node.depth-12 { + padding-left: 12em; } -.jpetstoretheme .v-tree-node-selected:after { - opacity: 1; - background-color: #197de1; - background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%); - background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%); - border: none; +.jpetstoretheme .v-treegrid-node.depth-13 { + padding-left: 13em; } -.v-ie8 .jpetstoretheme .v-tree-node-selected { - background-color: #197de1; - background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%); - background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%); +.jpetstoretheme .v-treegrid-node.depth-14 { + padding-left: 14em; } -.jpetstoretheme .v-tree-node-children { - padding-left: 19px; +.jpetstoretheme .v-treegrid-node.depth-15 { + padding-left: 15em; } -.v-ie8 .jpetstoretheme .v-tree-node-children { - padding-left: 0; +.jpetstoretheme .v-treegrid-cell-content { + display: inline-block; + vertical-align: middle; } -.jpetstoretheme .v-tree-node-drag-top:before, .jpetstoretheme .v-tree-node-drag-bottom:after, .jpetstoretheme .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded > .v-tree-node-children:before { - content: "\2022"; - display: block; +.jpetstoretheme .v-treegrid-row-focused::before { + content: ""; position: absolute; - height: 2px; - width: 100%; - background: #197de1; - font-size: 32px; - line-height: 2px; - color: #197de1; - text-indent: -4px; - text-shadow: 0 0 1px #fafafa, 0 0 1px #fafafa; - opacity: 1; - visibility: visible; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 2px solid #197de1; + display: none; + pointer-events: none; } -.jpetstoretheme .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded:after { - content: none; +.jpetstoretheme .v-treegrid-cell-focused { + position: static; } -.jpetstoretheme .v-tree-node-caption-drag-center { - -webkit-box-shadow: 0 0 0 2px #197de1; - box-shadow: 0 0 0 2px #197de1; - position: relative; - border-radius: 4px; +.jpetstoretheme .v-treegrid-cell-focused::before { + display: none; } -.v-ie8 .jpetstoretheme .v-tree-node-caption-drag-center { - outline: 2px solid #197de1; +.jpetstoretheme .v-treegrid:focus .v-treegrid-row-focused::before { + display: block; } -.v-ff .jpetstoretheme .v-tree-node-drag-top:before, .v-ff .jpetstoretheme .v-tree-node-drag-bottom:after { - line-height: 1px; +.jpetstoretheme .v-treegrid.v-disabled:focus .v-treegrid-row-focused::before { + display: none; } -.v-ie8 .jpetstoretheme .v-tree-node-drag-top:before, .v-ie8 .jpetstoretheme .v-tree-node-drag-bottom:after { - line-height: 0; +.jpetstoretheme .v-treegrid:focus .v-treegrid-cell-focused::before { + display: none; } .jpetstoretheme .v-table { @@ -8918,10 +10799,6 @@ div.v-layout.v-horizontal.v-widget { box-shadow: 0 0 0 1px #d4d4d4; } -.v-ie8 .jpetstoretheme .v-table-header table, .v-ie8 .jpetstoretheme .v-table-footer table, .v-ie8 .jpetstoretheme .v-table-table { - outline: 1px solid #d4d4d4; -} - .jpetstoretheme .v-table-header-wrap, .jpetstoretheme .v-table-footer-wrap, .jpetstoretheme .v-table-header-drag { border: 1px solid #d4d4d4; background-color: #fafafa; @@ -8949,15 +10826,9 @@ div.v-layout.v-horizontal.v-widget { overflow: hidden; line-height: 1; min-height: 37px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } -.v-ie8 .jpetstoretheme .v-table-footer-container, .v-ie8 .jpetstoretheme .v-table-caption-container { - min-height: 14px; -} - .jpetstoretheme .v-table-footer-container { padding: 11px 12px 12px; float: right; @@ -9006,8 +10877,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-table-cell-wrapper { line-height: 1; padding: 0 12px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0 !important; } @@ -9301,10 +11170,6 @@ div.v-layout.v-horizontal.v-widget { border-color: #197de1; } -.v-ie8 .jpetstoretheme .v-table-drag .v-table-body { - border-color: #197de1; -} - .jpetstoretheme .v-table-drag .v-table-body .v-table-focus { outline: none; } @@ -9457,8 +11322,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-treetable [class*="caption-container"], .jpetstoretheme .v-treetable [class*="footer-container"], .jpetstoretheme .v-treetable [class*="cell-wrapper"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; box-sizing: content-box; padding-left: 0; padding-right: 0; @@ -9772,8 +11635,6 @@ div.v-layout.v-horizontal.v-widget { background-color: #d4d4d4; background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%); background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; min-width: 74px; } @@ -9787,8 +11648,6 @@ div.v-layout.v-horizontal.v-widget { border: 1px solid #1362b1; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; min-width: 8px; @@ -9817,8 +11676,6 @@ div.v-layout.v-horizontal.v-widget { border: 1px solid #1362b1; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; width: 9px; @@ -9828,8 +11685,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-progressbar-indeterminate { height: 24px !important; width: 24px !important; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid rgba(25, 125, 225, 0.2); border-top-color: #197de1; @@ -9841,18 +11696,6 @@ div.v-layout.v-horizontal.v-widget { pointer-events: none; } -.v-ie8 .jpetstoretheme .v-progressbar-indeterminate, .v-ie9 .jpetstoretheme .v-progressbar-indeterminate { - border: none; - border-radius: 4px; - background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%; - background-size: 80%; -} - -.v-ie8 .jpetstoretheme .v-progressbar-indeterminate { - min-width: 30px; - min-height: 30px; -} - .jpetstoretheme .v-progressbar-indeterminate .v-progressbar-wrapper { display: none; } @@ -9869,10 +11712,6 @@ div.v-layout.v-horizontal.v-widget { opacity: 1; } -.v-ie8 .jpetstoretheme .v-slider:focus .v-slider-handle:after { - visibility: visible; -} - .jpetstoretheme .v-slider.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; @@ -9884,8 +11723,6 @@ div.v-layout.v-horizontal.v-widget { background-color: #d4d4d4; background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%); background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; min-width: 74px; height: 6px; @@ -9915,8 +11752,6 @@ div.v-layout.v-horizontal.v-widget { border: 1px solid #1362b1; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; content: ""; @@ -9926,11 +11761,6 @@ div.v-layout.v-horizontal.v-widget { vertical-align: top; } -.v-ie8 .jpetstoretheme .v-slider-base:after { - position: relative; - left: -11px; -} - .jpetstoretheme .v-has-width > .v-slider-base { min-width: 0; } @@ -9994,14 +11824,8 @@ div.v-layout.v-horizontal.v-widget { transition: opacity 200ms; } -.v-ie8 .jpetstoretheme .v-slider-handle:after { - visibility: hidden; -} - .jpetstoretheme .v-slider-handle:before, .jpetstoretheme .v-slider-handle:after { content: ""; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; width: 22px; @@ -10014,7 +11838,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-slider-feedback { - background-color: #323232; background-color: rgba(50, 50, 50, 0.9); -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); @@ -10060,12 +11883,6 @@ div.v-layout.v-horizontal.v-widget { background-image: linear-gradient(to right,#1b87e3 2%, #166ed5 98%); } -.v-ie8 .jpetstoretheme .v-slider-vertical .v-slider-base:after { - top: 11px; - left: 0; - height: 130%; -} - .jpetstoretheme .v-slider-vertical .v-slider-handle { width: 0; height: 0.1px; @@ -10094,8 +11911,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-tabsheet-tabcontainer { position: relative; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -10125,8 +11940,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-tabsheet-tabitemcell .v-caption { margin-left: 19px; padding: 0 4px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; text-align: center; @@ -10236,14 +12049,6 @@ div.v-layout.v-horizontal.v-widget { background-image: linear-gradient(to left,#dfdfdf 70%, rgba(223, 223, 223, 0) 100%); } -.v-ie8 .jpetstoretheme .v-tabsheet-scroller, .v-ie9 .jpetstoretheme .v-tabsheet-scroller { - background-color: #fafafa; -} - -.v-ie8 .jpetstoretheme .v-tabsheet-scroller:after, .v-ie9 .jpetstoretheme .v-tabsheet-scroller:after { - background-color: #dfdfdf; -} - .jpetstoretheme .v-tabsheet-scroller button { -webkit-appearance: none; -moz-appearance: none; @@ -10315,8 +12120,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-tabsheet-deco { height: 20px !important; width: 20px !important; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid rgba(25, 125, 225, 0.2); border-top-color: #197de1; @@ -10335,18 +12138,6 @@ div.v-layout.v-horizontal.v-widget { margin-left: -10px; } -.v-ie8 .jpetstoretheme .v-tabsheet-deco, .v-ie9 .jpetstoretheme .v-tabsheet-deco { - border: none; - border-radius: 4px; - background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%; - background-size: 80%; -} - -.v-ie8 .jpetstoretheme .v-tabsheet-deco { - min-width: 30px; - min-height: 30px; -} - .jpetstoretheme .v-tabsheet-loading .v-tabsheet-deco { display: block; } @@ -10607,23 +12398,6 @@ div.v-layout.v-horizontal.v-widget { margin-left: 19px; } -.v-ie8 .jpetstoretheme .v-colorpicker-button-color { - position: relative; - top: auto; - right: auto; - bottom: auto; - left: auto; - width: 16px; - height: 16px; - display: inline-block; - vertical-align: middle; - margin: 0 -8px; -} - -.v-ie8 .jpetstoretheme .v-colorpicker-button-color + .v-button-caption { - margin-left: 19px; -} - .jpetstoretheme .v-panel { background: white; color: #474747; @@ -10635,8 +12409,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-panel-caption { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; line-height: 36px; @@ -10654,8 +12426,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-panel-content { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; @@ -10800,8 +12570,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-accordion-item-caption > .v-caption { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; line-height: 36px; @@ -10846,8 +12614,6 @@ div.v-layout.v-horizontal.v-widget { -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.05); background-color: white; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -10921,8 +12687,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-select-twincol-buttons .v-button { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; @@ -11078,8 +12842,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-calendar-month-day { outline: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; } @@ -11250,8 +13012,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-calendar-event-month { padding: 0 5px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 3px; white-space: nowrap; @@ -11275,8 +13035,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-calendar-event-all-day { padding: 0 5px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; height: 19px; line-height: 19px; @@ -11552,8 +13310,6 @@ div.v-layout.v-horizontal.v-widget { .jpetstoretheme .v-label-spinner { height: 24px !important; width: 24px !important; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid rgba(25, 125, 225, 0.2); border-top-color: #197de1; @@ -11565,18 +13321,6 @@ div.v-layout.v-horizontal.v-widget { pointer-events: none; } -.v-ie8 .jpetstoretheme .v-label-spinner, .v-ie9 .jpetstoretheme .v-label-spinner { - border: none; - border-radius: 4px; - background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%; - background-size: 80%; -} - -.v-ie8 .jpetstoretheme .v-label-spinner { - min-width: 30px; - min-height: 30px; -} - .jpetstoretheme .v-label-success, .jpetstoretheme .v-label-failure { background: white; color: #474747; @@ -11701,6 +13445,12 @@ div.v-layout.v-horizontal.v-widget { content: none; } +.jpetstoretheme button { + font: inherit; + font-weight: 400; + line-height: 1.55; +} + .jpetstoretheme .v-nativebutton { -webkit-touch-callout: none; } @@ -11803,8 +13553,6 @@ div.v-layout.v-horizontal.v-widget { margin: 12px 12px; height: 24px !important; width: 24px !important; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid rgba(25, 125, 225, 0.2); border-top-color: #197de1; @@ -11816,18 +13564,6 @@ div.v-layout.v-horizontal.v-widget { pointer-events: none; } -.v-ie8 .jpetstoretheme .v-popupview-loading, .v-ie9 .jpetstoretheme .v-popupview-loading { - border: none; - border-radius: 4px; - background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%; - background-size: 80%; -} - -.v-ie8 .jpetstoretheme .v-popupview-loading { - min-width: 30px; - min-height: 30px; -} - .jpetstoretheme .v-richtextarea { -webkit-appearance: none; -moz-appearance: none; @@ -11858,12 +13594,6 @@ div.v-layout.v-horizontal.v-widget { overflow: hidden; } -.v-ie8 .jpetstoretheme .v-richtextarea, .v-ie9 .jpetstoretheme .v-richtextarea { - line-height: 37px; - padding-top: 0; - padding-bottom: 0; -} - .jpetstoretheme .v-richtextarea[class*="prompt"] { color: #a3a3a3; } @@ -11997,8 +13727,6 @@ div.v-layout.v-horizontal.v-widget { } .jpetstoretheme .v-upload .v-button { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; @@ -12215,6 +13943,9 @@ div.v-layout.v-horizontal.v-widget { font-weight: 400; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25); + padding-right: 59px; + overflow: hidden !important; + cursor: pointer; } .jpetstoretheme .v-Notification.error .v-Notification-caption { @@ -12225,6 +13956,55 @@ div.v-layout.v-horizontal.v-widget { color: #f4e0df; } +.jpetstoretheme .v-Notification.error:after { + content: "\00d7"; + font-size: 1.5em; + position: absolute; + top: 50%; + margin-top: -12px; + right: 12px; + width: 25px; + height: 25px; + line-height: 24px; + cursor: pointer; + color: #000; + opacity: 0.5; + filter: alpha(opacity=50) ; + text-align: center; + border: 1px solid #000; + border-color: rgba(0, 0, 0, 0.3); + border-radius: 50%; + -webkit-transition: opacity 200ms; + -moz-transition: opacity 200ms; + transition: opacity 200ms; +} + +.jpetstoretheme .v-Notification.error:hover:after { + opacity: 1; + filter: none ; +} + +.jpetstoretheme .v-Notification.error:active:after { + background-color: #000; + color: #fff; + opacity: 0.3; + filter: alpha(opacity=30.0) ; + -webkit-transition: none 200ms; + -moz-transition: none 200ms; + transition: none 200ms; +} + +.jpetstoretheme .v-Notification.error:after { + color: #fff; + border-color: #fff; + border-color: rgba(255, 255, 255, 0.3); +} + +.jpetstoretheme .v-Notification.error:active:after { + background-color: #fff; + color: #000; +} + .jpetstoretheme .v-Notification.dark { background-color: #444; background-color: rgba(68, 68, 68, 0.9); @@ -12300,6 +14080,21 @@ div.v-layout.v-horizontal.v-widget { font-size: 14px; } +.jpetstoretheme .v-Notification.critical-error { + background: #ed473b; + font-weight: 400; + -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25); + box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25); +} + +.jpetstoretheme .v-Notification.critical-error .v-Notification-caption { + color: white; +} + +.jpetstoretheme .v-Notification.critical-error .v-Notification-description { + color: #f4e0df; +} + .jpetstoretheme .v-Notification.closable { padding-right: 59px; overflow: hidden !important; @@ -12344,13 +14139,13 @@ div.v-layout.v-horizontal.v-widget { transition: none 200ms; } -.jpetstoretheme .v-Notification.closable.dark:after, .jpetstoretheme .v-Notification.closable.error:after, .jpetstoretheme .v-Notification.closable.system:after { +.jpetstoretheme .v-Notification.closable.dark:after, .jpetstoretheme .v-Notification.closable.critical-error:after, .jpetstoretheme .v-Notification.closable.system:after { color: #fff; border-color: #fff; border-color: rgba(255, 255, 255, 0.3); } -.jpetstoretheme .v-Notification.closable.dark:active:after, .jpetstoretheme .v-Notification.closable.error:active:after, .jpetstoretheme .v-Notification.closable.system:active:after { +.jpetstoretheme .v-Notification.closable.dark:active:after, .jpetstoretheme .v-Notification.closable.critical-error:active:after, .jpetstoretheme .v-Notification.closable.system:active:after { background-color: #fff; color: #000; }