diff --git a/.github/workflows/demos_visual_tests_frameworks.yml b/.github/workflows/demos_visual_tests_frameworks.yml index 689b199a2660..a2edb4199cb4 100644 --- a/.github/workflows/demos_visual_tests_frameworks.yml +++ b/.github/workflows/demos_visual_tests_frameworks.yml @@ -315,7 +315,13 @@ jobs: if [ -f "changed-files.json" ]; then echo "Running lint-demos on changed files" - CHANGED_DEMOS=$(jq -r '.[].filename' changed-files.json | grep '^apps/demos/Demos/' | sed 's|^apps/demos/||' | tr '\n' ' ') + CHANGED_DEMOS=$(jq -r '.[].filename' changed-files.json \ + | grep '^apps/demos/Demos/' \ + | sed 's|^apps/demos/||' \ + | while read f; do + [ -f "$f" ] && echo "$f" + done \ + | tr '\n' ' ') if [ ! -z "$CHANGED_DEMOS" ]; then echo "Changed demo files: $CHANGED_DEMOS" pnpx eslint $CHANGED_DEMOS @@ -327,46 +333,6 @@ jobs: pnpm run lint-demos fi - - name: Run lint on changed demos - if: github.event_name == 'pull_request' && !contains(github.event.pull_request.labels.*.name, 'force all tests') - working-directory: apps/demos - env: - DEBUG: 'eslint:cli-engine,stylelint:standalone' - run: | - pnpx nx lint-non-demos - - if [ -f "changed-files.json" ]; then - echo "Running lint-demos on changed files" - CHANGED_DEMOS=$(jq -r '.[].filename' changed-files.json | grep '^apps/demos/Demos/' | sed 's|^apps/demos/||' | tr '\n' ' ') - if [ ! -z "$CHANGED_DEMOS" ]; then - echo "Changed demo files: $CHANGED_DEMOS" - pnpx eslint $CHANGED_DEMOS - else - echo "No demo files changed, skipping lint-demos" - fi - else - echo "changed-files.json not found" - pnpm run lint-demos - fi - - - name: Run lint on changed demos - if: github.event_name != 'pull_request' && !contains(github.event.pull_request.labels.*.name, 'force all tests') - working-directory: apps/demos - env: - DEBUG: 'eslint:cli-engine,stylelint:standalone' - run: | - pnpx nx lint-non-demos - - if [ -f "changed-files.json" ]; then - echo "Running lint-demos on changed files" - CHANGED_DEMOS=$(jq -r '.[].filename' changed-files.json | grep '^apps/demos/Demos/' | sed 's|^apps/demos/||' | tr '\n' ' ') - if [ ! -z "$CHANGED_DEMOS" ]; then - echo "Changed demo files: $CHANGED_DEMOS" - pnpx eslint $CHANGED_DEMOS - else - echo "No demo files changed, skipping lint-demos" - fi - check_generated_demos: name: ${{ matrix.name }} runs-on: ubuntu-22.04 diff --git a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.css b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.css index b4aa1e5fb3a7..402fd3bc24ad 100644 --- a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.css +++ b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.css @@ -12,12 +12,12 @@ ::ng-deep .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } ::ng-deep .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/AreaSparklines/React/styles.css b/apps/demos/Demos/Charts/AreaSparklines/React/styles.css index 4c31305c2ae9..24db67de5f3b 100644 --- a/apps/demos/Demos/Charts/AreaSparklines/React/styles.css +++ b/apps/demos/Demos/Charts/AreaSparklines/React/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/AreaSparklines/ReactJs/styles.css b/apps/demos/Demos/Charts/AreaSparklines/ReactJs/styles.css index 4c31305c2ae9..24db67de5f3b 100644 --- a/apps/demos/Demos/Charts/AreaSparklines/ReactJs/styles.css +++ b/apps/demos/Demos/Charts/AreaSparklines/ReactJs/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/AreaSparklines/Vue/App.vue b/apps/demos/Demos/Charts/AreaSparklines/Vue/App.vue index 14bc48c0a9e8..e77b1112fb17 100644 --- a/apps/demos/Demos/Charts/AreaSparklines/Vue/App.vue +++ b/apps/demos/Demos/Charts/AreaSparklines/Vue/App.vue @@ -42,7 +42,7 @@ const years = ['2010', '2011', '2012']; .demo-table th { font-weight: 400; width: 200px; - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/AreaSparklines/Vue/RowTemplate.vue b/apps/demos/Demos/Charts/AreaSparklines/Vue/RowTemplate.vue index 6fbb80694cec..410bbb77058c 100644 --- a/apps/demos/Demos/Charts/AreaSparklines/Vue/RowTemplate.vue +++ b/apps/demos/Demos/Charts/AreaSparklines/Vue/RowTemplate.vue @@ -70,7 +70,7 @@ withDefaults(defineProps<{ .rows-content td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/AreaSparklines/jQuery/styles.css b/apps/demos/Demos/Charts/AreaSparklines/jQuery/styles.css index 4c31305c2ae9..24db67de5f3b 100644 --- a/apps/demos/Demos/Charts/AreaSparklines/jQuery/styles.css +++ b/apps/demos/Demos/Charts/AreaSparklines/jQuery/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.css b/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.css index f1a182351383..9a7d34a45b4a 100644 --- a/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.css +++ b/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.css @@ -12,12 +12,12 @@ ::ng-deep .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } ::ng-deep .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/BarSparklines/React/styles.css b/apps/demos/Demos/Charts/BarSparklines/React/styles.css index 90ee521be64a..e0923613de5f 100644 --- a/apps/demos/Demos/Charts/BarSparklines/React/styles.css +++ b/apps/demos/Demos/Charts/BarSparklines/React/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/BarSparklines/ReactJs/styles.css b/apps/demos/Demos/Charts/BarSparklines/ReactJs/styles.css index 90ee521be64a..e0923613de5f 100644 --- a/apps/demos/Demos/Charts/BarSparklines/ReactJs/styles.css +++ b/apps/demos/Demos/Charts/BarSparklines/ReactJs/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/BarSparklines/Vue/App.vue b/apps/demos/Demos/Charts/BarSparklines/Vue/App.vue index 50c350505f3e..b9d772a892d9 100644 --- a/apps/demos/Demos/Charts/BarSparklines/Vue/App.vue +++ b/apps/demos/Demos/Charts/BarSparklines/Vue/App.vue @@ -76,12 +76,12 @@ function onValueChanged({ value }: DxSelectBoxTypes.ValueChangedEvent) { .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/BarSparklines/Vue/RowTemplate.vue b/apps/demos/Demos/Charts/BarSparklines/Vue/RowTemplate.vue index e36febcd4373..2e3ba708f268 100644 --- a/apps/demos/Demos/Charts/BarSparklines/Vue/RowTemplate.vue +++ b/apps/demos/Demos/Charts/BarSparklines/Vue/RowTemplate.vue @@ -66,7 +66,7 @@ const getValueField = (name) => name + props.year; .rows-content td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/BarSparklines/jQuery/styles.css b/apps/demos/Demos/Charts/BarSparklines/jQuery/styles.css index 90ee521be64a..e0923613de5f 100644 --- a/apps/demos/Demos/Charts/BarSparklines/jQuery/styles.css +++ b/apps/demos/Demos/Charts/BarSparklines/jQuery/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/PieAnnotations/Angular/app/app.component.css b/apps/demos/Demos/Charts/PieAnnotations/Angular/app/app.component.css index ba73fb81b235..df48a4bb6f4c 100644 --- a/apps/demos/Demos/Charts/PieAnnotations/Angular/app/app.component.css +++ b/apps/demos/Demos/Charts/PieAnnotations/Angular/app/app.component.css @@ -9,7 +9,7 @@ ::ng-deep .medal-tooltip .country-name { font-size: 14px; font-weight: 700; - margin: 5px 0 10px 0; + margin: 5px 0 10px; } ::ng-deep .medal-tooltip .caption { diff --git a/apps/demos/Demos/Charts/PieAnnotations/React/styles.css b/apps/demos/Demos/Charts/PieAnnotations/React/styles.css index 5f1e001a3b5f..0812a7abefa8 100644 --- a/apps/demos/Demos/Charts/PieAnnotations/React/styles.css +++ b/apps/demos/Demos/Charts/PieAnnotations/React/styles.css @@ -9,7 +9,7 @@ .medal-tooltip .country-name { font-size: 14px; font-weight: 700; - margin: 5px 0 10px 0; + margin: 5px 0 10px; } .medal-tooltip .caption { diff --git a/apps/demos/Demos/Charts/PieAnnotations/ReactJs/styles.css b/apps/demos/Demos/Charts/PieAnnotations/ReactJs/styles.css index 5f1e001a3b5f..0812a7abefa8 100644 --- a/apps/demos/Demos/Charts/PieAnnotations/ReactJs/styles.css +++ b/apps/demos/Demos/Charts/PieAnnotations/ReactJs/styles.css @@ -9,7 +9,7 @@ .medal-tooltip .country-name { font-size: 14px; font-weight: 700; - margin: 5px 0 10px 0; + margin: 5px 0 10px; } .medal-tooltip .caption { diff --git a/apps/demos/Demos/Charts/PieAnnotations/Vue/TooltipTemplate.vue b/apps/demos/Demos/Charts/PieAnnotations/Vue/TooltipTemplate.vue index c8ff52c2270b..1f11e2be7316 100644 --- a/apps/demos/Demos/Charts/PieAnnotations/Vue/TooltipTemplate.vue +++ b/apps/demos/Demos/Charts/PieAnnotations/Vue/TooltipTemplate.vue @@ -33,7 +33,7 @@ const data = ref(props.annotation.data); .medal-tooltip .country-name { font-size: 14px; font-weight: 700; - margin: 5px 0 10px 0; + margin: 5px 0 10px; } .medal-tooltip .caption { diff --git a/apps/demos/Demos/Charts/PieAnnotations/jQuery/styles.css b/apps/demos/Demos/Charts/PieAnnotations/jQuery/styles.css index 5f1e001a3b5f..0812a7abefa8 100644 --- a/apps/demos/Demos/Charts/PieAnnotations/jQuery/styles.css +++ b/apps/demos/Demos/Charts/PieAnnotations/jQuery/styles.css @@ -9,7 +9,7 @@ .medal-tooltip .country-name { font-size: 14px; font-weight: 700; - margin: 5px 0 10px 0; + margin: 5px 0 10px; } .medal-tooltip .caption { diff --git a/apps/demos/Demos/Charts/SimpleBullets/Angular/app/app.component.css b/apps/demos/Demos/Charts/SimpleBullets/Angular/app/app.component.css index 9d15e2ad5e7a..ccba852d0e8f 100644 --- a/apps/demos/Demos/Charts/SimpleBullets/Angular/app/app.component.css +++ b/apps/demos/Demos/Charts/SimpleBullets/Angular/app/app.component.css @@ -14,12 +14,12 @@ ::ng-deep .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #e5e5e5; } ::ng-deep .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/SimpleBullets/React/styles.css b/apps/demos/Demos/Charts/SimpleBullets/React/styles.css index c0246241ec7e..70c83049c2a3 100644 --- a/apps/demos/Demos/Charts/SimpleBullets/React/styles.css +++ b/apps/demos/Demos/Charts/SimpleBullets/React/styles.css @@ -14,12 +14,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #e5e5e5; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/SimpleBullets/ReactJs/styles.css b/apps/demos/Demos/Charts/SimpleBullets/ReactJs/styles.css index c0246241ec7e..70c83049c2a3 100644 --- a/apps/demos/Demos/Charts/SimpleBullets/ReactJs/styles.css +++ b/apps/demos/Demos/Charts/SimpleBullets/ReactJs/styles.css @@ -14,12 +14,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #e5e5e5; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/SimpleBullets/Vue/App.vue b/apps/demos/Demos/Charts/SimpleBullets/Vue/App.vue index c23ede286b92..5c88cd20347a 100644 --- a/apps/demos/Demos/Charts/SimpleBullets/Vue/App.vue +++ b/apps/demos/Demos/Charts/SimpleBullets/Vue/App.vue @@ -60,12 +60,12 @@ const customizeTooltip = ({ value, target }) => ({ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #e5e5e5; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/SimpleBullets/jQuery/styles.css b/apps/demos/Demos/Charts/SimpleBullets/jQuery/styles.css index db2792cb0ca8..7e01360b6836 100644 --- a/apps/demos/Demos/Charts/SimpleBullets/jQuery/styles.css +++ b/apps/demos/Demos/Charts/SimpleBullets/jQuery/styles.css @@ -14,12 +14,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #e5e5e5; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.css b/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.css index b4aa1e5fb3a7..402fd3bc24ad 100644 --- a/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.css +++ b/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.css @@ -12,12 +12,12 @@ ::ng-deep .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } ::ng-deep .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/SimpleSparklines/React/styles.css b/apps/demos/Demos/Charts/SimpleSparklines/React/styles.css index 4c31305c2ae9..24db67de5f3b 100644 --- a/apps/demos/Demos/Charts/SimpleSparklines/React/styles.css +++ b/apps/demos/Demos/Charts/SimpleSparklines/React/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/styles.css b/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/styles.css index 4c31305c2ae9..24db67de5f3b 100644 --- a/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/styles.css +++ b/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Vue/App.vue b/apps/demos/Demos/Charts/SimpleSparklines/Vue/App.vue index 9f6c5201e79a..56e52fbcb9a3 100644 --- a/apps/demos/Demos/Charts/SimpleSparklines/Vue/App.vue +++ b/apps/demos/Demos/Charts/SimpleSparklines/Vue/App.vue @@ -39,7 +39,7 @@ const years = ['2010', '2011', '2012']; .demo-table th { font-weight: 400; width: 200px; - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Vue/RowTemplate.vue b/apps/demos/Demos/Charts/SimpleSparklines/Vue/RowTemplate.vue index 369f2a709575..0ccd0c0fc67e 100644 --- a/apps/demos/Demos/Charts/SimpleSparklines/Vue/RowTemplate.vue +++ b/apps/demos/Demos/Charts/SimpleSparklines/Vue/RowTemplate.vue @@ -70,7 +70,7 @@ withDefaults(defineProps<{ .rows-content td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/SimpleSparklines/jQuery/styles.css b/apps/demos/Demos/Charts/SimpleSparklines/jQuery/styles.css index 4c31305c2ae9..24db67de5f3b 100644 --- a/apps/demos/Demos/Charts/SimpleSparklines/jQuery/styles.css +++ b/apps/demos/Demos/Charts/SimpleSparklines/jQuery/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.css b/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.css index b4aa1e5fb3a7..402fd3bc24ad 100644 --- a/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.css +++ b/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.css @@ -12,12 +12,12 @@ ::ng-deep .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } ::ng-deep .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/WinlossSparklines/React/styles.css b/apps/demos/Demos/Charts/WinlossSparklines/React/styles.css index 4c31305c2ae9..24db67de5f3b 100644 --- a/apps/demos/Demos/Charts/WinlossSparklines/React/styles.css +++ b/apps/demos/Demos/Charts/WinlossSparklines/React/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/styles.css b/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/styles.css index 4c31305c2ae9..24db67de5f3b 100644 --- a/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/styles.css +++ b/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Vue/App.vue b/apps/demos/Demos/Charts/WinlossSparklines/Vue/App.vue index 716c1eced51c..2d6703cb2d34 100644 --- a/apps/demos/Demos/Charts/WinlossSparklines/Vue/App.vue +++ b/apps/demos/Demos/Charts/WinlossSparklines/Vue/App.vue @@ -42,7 +42,7 @@ const years = ['2010', '2011', '2012']; .demo-table th { font-weight: 400; width: 200px; - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Vue/RowTemplate.vue b/apps/demos/Demos/Charts/WinlossSparklines/Vue/RowTemplate.vue index 2870d35fc159..e0bffd165165 100644 --- a/apps/demos/Demos/Charts/WinlossSparklines/Vue/RowTemplate.vue +++ b/apps/demos/Demos/Charts/WinlossSparklines/Vue/RowTemplate.vue @@ -68,7 +68,7 @@ withDefaults(defineProps<{ .rows-content td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/Charts/WinlossSparklines/jQuery/styles.css b/apps/demos/Demos/Charts/WinlossSparklines/jQuery/styles.css index 4c31305c2ae9..24db67de5f3b 100644 --- a/apps/demos/Demos/Charts/WinlossSparklines/jQuery/styles.css +++ b/apps/demos/Demos/Charts/WinlossSparklines/jQuery/styles.css @@ -12,12 +12,12 @@ .demo-table td { font-weight: 400; width: 200px; - padding: 25px 10px 5px 10px; + padding: 25px 10px 5px; border: 1px solid #c2c2c2; } .demo-table th { - padding: 25px 15px 20px 15px; + padding: 25px 15px 20px; border: 1px solid #c2c2c2; } diff --git a/apps/demos/Demos/CheckBox/Overview/Angular/app/app.component.css b/apps/demos/Demos/CheckBox/Overview/Angular/app/app.component.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/CheckBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/CheckBox/Overview/Angular/app/app.component.ts index e20dd3435a35..580e1983260a 100644 --- a/apps/demos/Demos/CheckBox/Overview/Angular/app/app.component.ts +++ b/apps/demos/Demos/CheckBox/Overview/Angular/app/app.component.ts @@ -16,7 +16,6 @@ if (window && window.config?.packageConfigPaths) { @Component({ selector: 'demo-app', templateUrl: `.${modulePrefix}/app.component.html`, - styleUrls: [`.${modulePrefix}/app.component.css`], }) export class AppComponent { checkBoxValue: boolean | null = null; diff --git a/apps/demos/Demos/CheckBox/Overview/jQuery/index.html b/apps/demos/Demos/CheckBox/Overview/jQuery/index.html index f684fe082107..36c0dfbbe5e5 100644 --- a/apps/demos/Demos/CheckBox/Overview/jQuery/index.html +++ b/apps/demos/Demos/CheckBox/Overview/jQuery/index.html @@ -8,7 +8,6 @@ - diff --git a/apps/demos/Demos/CheckBox/Overview/jQuery/styles.css b/apps/demos/Demos/CheckBox/Overview/jQuery/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/Common/EditorsOverview/Angular/app/app.component.css b/apps/demos/Demos/Common/EditorsOverview/Angular/app/app.component.css index 543b4bfa0c0e..02ee34428ec5 100644 --- a/apps/demos/Demos/Common/EditorsOverview/Angular/app/app.component.css +++ b/apps/demos/Demos/Common/EditorsOverview/Angular/app/app.component.css @@ -30,12 +30,10 @@ ::ng-deep .picture-container { text-align: center; - margin: 20px 2px 5px 2px; + margin: 20px 2px 5px; padding-top: 20px; overflow: hidden; - outline-width: 2px; - outline-style: none; - outline-color: #f05b41; + outline: #f05b41 none 2px; } ::ng-deep .picture { diff --git a/apps/demos/Demos/Common/EditorsOverview/React/styles.css b/apps/demos/Demos/Common/EditorsOverview/React/styles.css index 9ac4b5b5cd6e..2916afb94059 100644 --- a/apps/demos/Demos/Common/EditorsOverview/React/styles.css +++ b/apps/demos/Demos/Common/EditorsOverview/React/styles.css @@ -30,12 +30,10 @@ .picture-container { text-align: center; - margin: 20px 2px 5px 2px; + margin: 20px 2px 5px; padding-top: 20px; overflow: hidden; - outline-width: 2px; - outline-style: none; - outline-color: #f05b41; + outline: #f05b41 none 2px; } .picture { diff --git a/apps/demos/Demos/Common/EditorsOverview/ReactJs/styles.css b/apps/demos/Demos/Common/EditorsOverview/ReactJs/styles.css index 9ac4b5b5cd6e..2916afb94059 100644 --- a/apps/demos/Demos/Common/EditorsOverview/ReactJs/styles.css +++ b/apps/demos/Demos/Common/EditorsOverview/ReactJs/styles.css @@ -30,12 +30,10 @@ .picture-container { text-align: center; - margin: 20px 2px 5px 2px; + margin: 20px 2px 5px; padding-top: 20px; overflow: hidden; - outline-width: 2px; - outline-style: none; - outline-color: #f05b41; + outline: #f05b41 none 2px; } .picture { diff --git a/apps/demos/Demos/Common/EditorsOverview/Vue/App.vue b/apps/demos/Demos/Common/EditorsOverview/Vue/App.vue index c546cd93b104..763ab16f766b 100644 --- a/apps/demos/Demos/Common/EditorsOverview/Vue/App.vue +++ b/apps/demos/Demos/Common/EditorsOverview/Vue/App.vue @@ -159,12 +159,10 @@ watch(() => width.value, (val) => { .picture-container { text-align: center; - margin: 20px 2px 5px 2px; + margin: 20px 2px 5px; padding-top: 20px; overflow: hidden; - outline-width: 2px; - outline-style: none; - outline-color: #f05b41; + outline: #f05b41 none 2px; } .picture { diff --git a/apps/demos/Demos/Common/EditorsOverview/Vue/SuperheroLogo.vue b/apps/demos/Demos/Common/EditorsOverview/Vue/SuperheroLogo.vue index b137613069a8..1a8474eee3c5 100644 --- a/apps/demos/Demos/Common/EditorsOverview/Vue/SuperheroLogo.vue +++ b/apps/demos/Demos/Common/EditorsOverview/Vue/SuperheroLogo.vue @@ -241,12 +241,10 @@ withDefaults(defineProps<{ diff --git a/apps/demos/Demos/ContextMenu/Scrolling/jQuery/styles.css b/apps/demos/Demos/ContextMenu/Scrolling/jQuery/styles.css index d55ee5151136..bc5e6090ad37 100644 --- a/apps/demos/Demos/ContextMenu/Scrolling/jQuery/styles.css +++ b/apps/demos/Demos/ContextMenu/Scrolling/jQuery/styles.css @@ -21,6 +21,5 @@ body { justify-content: center; align-items: center; -webkit-touch-callout: none; - -webkit-user-select: none; user-select: none; } diff --git a/apps/demos/Demos/DataGrid/CascadingLookups/Angular/app/app.component.css b/apps/demos/Demos/DataGrid/CascadingLookups/Angular/app/app.component.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/CascadingLookups/jQuery/styles.css b/apps/demos/Demos/DataGrid/CascadingLookups/jQuery/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/app/app.component.css b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/app/app.component.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/app/app.component.ts index 63a7f92181d0..6ea56743c55b 100644 --- a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/app/app.component.ts +++ b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/app/app.component.ts @@ -19,7 +19,6 @@ if (window && window.config?.packageConfigPaths) { @Component({ selector: 'demo-app', templateUrl: `.${modulePrefix}/app.component.html`, - styleUrls: [`.${modulePrefix}/app.component.css`], providers: [Service], }) export class AppComponent { diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/React/index.html b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/React/index.html index ee451f8288ff..cfb9b3aa6769 100644 --- a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/React/index.html +++ b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/React/index.html @@ -6,7 +6,6 @@ - diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/React/styles.css b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/React/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/ReactJs/index.html b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/ReactJs/index.html index db31b0fd60c6..d6d83f735a76 100644 --- a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/ReactJs/index.html +++ b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/ReactJs/index.html @@ -19,11 +19,6 @@ type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" /> - diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/ReactJs/styles.css b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/ReactJs/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/jQuery/index.html b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/jQuery/index.html index a6fc3eea0940..75aac03a0a75 100644 --- a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/jQuery/index.html +++ b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/jQuery/index.html @@ -9,7 +9,6 @@ - diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/jQuery/styles.css b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/jQuery/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/React/index.html b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/React/index.html index 21cf53909e8a..cfb9b3aa6769 100644 --- a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/React/index.html +++ b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/React/index.html @@ -10,7 +10,6 @@ - diff --git a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/React/styles.css b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/React/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/ReactJs/index.html b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/ReactJs/index.html index f6ad5ea42704..d6d83f735a76 100644 --- a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/ReactJs/index.html +++ b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/ReactJs/index.html @@ -26,11 +26,6 @@ type="text/javascript" src="config.js" > - diff --git a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/ReactJs/styles.css b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/ReactJs/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/InfiniteScrolling/React/index.html b/apps/demos/Demos/DataGrid/InfiniteScrolling/React/index.html index 21cf53909e8a..cfb9b3aa6769 100644 --- a/apps/demos/Demos/DataGrid/InfiniteScrolling/React/index.html +++ b/apps/demos/Demos/DataGrid/InfiniteScrolling/React/index.html @@ -10,7 +10,6 @@ - diff --git a/apps/demos/Demos/DataGrid/InfiniteScrolling/React/styles.css b/apps/demos/Demos/DataGrid/InfiniteScrolling/React/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/InfiniteScrolling/ReactJs/index.html b/apps/demos/Demos/DataGrid/InfiniteScrolling/ReactJs/index.html index f6ad5ea42704..d6d83f735a76 100644 --- a/apps/demos/Demos/DataGrid/InfiniteScrolling/ReactJs/index.html +++ b/apps/demos/Demos/DataGrid/InfiniteScrolling/ReactJs/index.html @@ -26,11 +26,6 @@ type="text/javascript" src="config.js" > - diff --git a/apps/demos/Demos/DataGrid/InfiniteScrolling/ReactJs/styles.css b/apps/demos/Demos/DataGrid/InfiniteScrolling/ReactJs/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.css b/apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.ts b/apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.ts index b3a0bcfc1bf9..48c5458c9140 100644 --- a/apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.ts +++ b/apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.ts @@ -11,7 +11,6 @@ if (window && window.config?.packageConfigPaths) { @Component({ selector: 'detail-grid', templateUrl: `.${modulePrefix && (`${modulePrefix}/detail-grid`)}/detail-grid.component.html`, - styleUrls: [`.${modulePrefix && (`${modulePrefix}/detail-grid`)}/detail-grid.component.css`], providers: [Service], }) export class DetailGridComponent implements AfterViewInit { diff --git a/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.css b/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts index 09de610c5664..631243b42380 100644 --- a/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts +++ b/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts @@ -19,7 +19,6 @@ if (window && window.config?.packageConfigPaths) { @Component({ selector: 'demo-app', templateUrl: `.${modulePrefix}/app.component.html`, - styleUrls: [`.${modulePrefix}/app.component.css`], providers: [Service], }) export class AppComponent { diff --git a/apps/demos/Demos/DataGrid/PDFOverview/React/index.html b/apps/demos/Demos/DataGrid/PDFOverview/React/index.html index ee451f8288ff..cfb9b3aa6769 100644 --- a/apps/demos/Demos/DataGrid/PDFOverview/React/index.html +++ b/apps/demos/Demos/DataGrid/PDFOverview/React/index.html @@ -6,7 +6,6 @@ - diff --git a/apps/demos/Demos/DataGrid/PDFOverview/React/styles.css b/apps/demos/Demos/DataGrid/PDFOverview/React/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/PDFOverview/ReactJs/index.html b/apps/demos/Demos/DataGrid/PDFOverview/ReactJs/index.html index db31b0fd60c6..d6d83f735a76 100644 --- a/apps/demos/Demos/DataGrid/PDFOverview/ReactJs/index.html +++ b/apps/demos/Demos/DataGrid/PDFOverview/ReactJs/index.html @@ -19,11 +19,6 @@ type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" /> - diff --git a/apps/demos/Demos/DataGrid/PDFOverview/ReactJs/styles.css b/apps/demos/Demos/DataGrid/PDFOverview/ReactJs/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/PDFOverview/jQuery/index.html b/apps/demos/Demos/DataGrid/PDFOverview/jQuery/index.html index 0d6bfa397075..c7d5a402b3d3 100644 --- a/apps/demos/Demos/DataGrid/PDFOverview/jQuery/index.html +++ b/apps/demos/Demos/DataGrid/PDFOverview/jQuery/index.html @@ -9,7 +9,6 @@ - diff --git a/apps/demos/Demos/DataGrid/RemoteGrouping/React/styles.css b/apps/demos/Demos/DataGrid/RemoteGrouping/React/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/RemoteGrouping/ReactJs/index.html b/apps/demos/Demos/DataGrid/RemoteGrouping/ReactJs/index.html index db31b0fd60c6..d6d83f735a76 100644 --- a/apps/demos/Demos/DataGrid/RemoteGrouping/ReactJs/index.html +++ b/apps/demos/Demos/DataGrid/RemoteGrouping/ReactJs/index.html @@ -19,11 +19,6 @@ type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" /> - diff --git a/apps/demos/Demos/DataGrid/RemoteGrouping/ReactJs/styles.css b/apps/demos/Demos/DataGrid/RemoteGrouping/ReactJs/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/React/index.html b/apps/demos/Demos/DataGrid/VirtualScrolling/React/index.html index 21cf53909e8a..cfb9b3aa6769 100644 --- a/apps/demos/Demos/DataGrid/VirtualScrolling/React/index.html +++ b/apps/demos/Demos/DataGrid/VirtualScrolling/React/index.html @@ -10,7 +10,6 @@ - diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/React/styles.css b/apps/demos/Demos/DataGrid/VirtualScrolling/React/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/ReactJs/index.html b/apps/demos/Demos/DataGrid/VirtualScrolling/ReactJs/index.html index f6ad5ea42704..d6d83f735a76 100644 --- a/apps/demos/Demos/DataGrid/VirtualScrolling/ReactJs/index.html +++ b/apps/demos/Demos/DataGrid/VirtualScrolling/ReactJs/index.html @@ -26,11 +26,6 @@ type="text/javascript" src="config.js" > - diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/ReactJs/styles.css b/apps/demos/Demos/DataGrid/VirtualScrolling/ReactJs/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.css b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts index d4d4b0ab64a7..6cce52ff218f 100644 --- a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts +++ b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts @@ -11,7 +11,6 @@ if (window && window.config?.packageConfigPaths) { @Component({ selector: 'detail-grid', templateUrl: `.${modulePrefix && (`${modulePrefix}/detail-grid`)}/detail-grid.component.html`, - styleUrls: [`.${modulePrefix && (`${modulePrefix}/detail-grid`)}/detail-grid.component.css`], providers: [], }) export class DetailGridComponent implements AfterViewInit { diff --git a/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.css b/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.css index 819179d60e46..e2e48770d61c 100644 --- a/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.css +++ b/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.css @@ -13,8 +13,7 @@ } .text-container { - padding-inline-start: 12px; - padding-inline-end: 4px; + padding-inline: 12px 4px; display: flex; align-items: flex-start; flex-direction: column; @@ -64,6 +63,5 @@ } ::ng-deep #custom-template .dx-button.dx-dropdownbutton-action .dx-button-content { - padding-inline-start: 12px; - padding-inline-end: 12px; + padding-inline: 12px 12px; } diff --git a/apps/demos/Demos/DropDownButton/Overview/React/styles.css b/apps/demos/Demos/DropDownButton/Overview/React/styles.css index 37d80463bfdd..e4bf5920f517 100644 --- a/apps/demos/Demos/DropDownButton/Overview/React/styles.css +++ b/apps/demos/Demos/DropDownButton/Overview/React/styles.css @@ -13,8 +13,7 @@ } .text-container { - padding-inline-start: 12px; - padding-inline-end: 4px; + padding-inline: 12px 4px; display: flex; align-items: flex-start; flex-direction: column; @@ -64,6 +63,5 @@ } #custom-template .dx-button.dx-dropdownbutton-action .dx-button-content { - padding-inline-start: 12px; - padding-inline-end: 12px; + padding-inline: 12px 12px; } diff --git a/apps/demos/Demos/DropDownButton/Overview/ReactJs/styles.css b/apps/demos/Demos/DropDownButton/Overview/ReactJs/styles.css index 37d80463bfdd..e4bf5920f517 100644 --- a/apps/demos/Demos/DropDownButton/Overview/ReactJs/styles.css +++ b/apps/demos/Demos/DropDownButton/Overview/ReactJs/styles.css @@ -13,8 +13,7 @@ } .text-container { - padding-inline-start: 12px; - padding-inline-end: 4px; + padding-inline: 12px 4px; display: flex; align-items: flex-start; flex-direction: column; @@ -64,6 +63,5 @@ } #custom-template .dx-button.dx-dropdownbutton-action .dx-button-content { - padding-inline-start: 12px; - padding-inline-end: 12px; + padding-inline: 12px 12px; } diff --git a/apps/demos/Demos/DropDownButton/Overview/Vue/App.vue b/apps/demos/Demos/DropDownButton/Overview/Vue/App.vue index 0c516d618fdb..2e90f8bfce2a 100644 --- a/apps/demos/Demos/DropDownButton/Overview/Vue/App.vue +++ b/apps/demos/Demos/DropDownButton/Overview/Vue/App.vue @@ -204,8 +204,7 @@ function onColorClick(clickedColor: string) { } .text-container { - padding-inline-start: 12px; - padding-inline-end: 4px; + padding-inline: 12px 4px; display: flex; align-items: flex-start; flex-direction: column; @@ -255,7 +254,6 @@ function onColorClick(clickedColor: string) { } #custom-template .dx-button.dx-dropdownbutton-action .dx-button-content { - padding-inline-start: 12px; - padding-inline-end: 12px; + padding-inline: 12px 12px; } diff --git a/apps/demos/Demos/DropDownButton/Overview/jQuery/styles.css b/apps/demos/Demos/DropDownButton/Overview/jQuery/styles.css index dd680c460300..65044e947f09 100644 --- a/apps/demos/Demos/DropDownButton/Overview/jQuery/styles.css +++ b/apps/demos/Demos/DropDownButton/Overview/jQuery/styles.css @@ -17,8 +17,7 @@ } .text-container { - padding-inline-start: 12px; - padding-inline-end: 4px; + padding-inline: 12px 4px; display: flex; align-items: flex-start; flex-direction: column; @@ -68,6 +67,5 @@ } #custom-template .dx-button.dx-dropdownbutton-action .dx-button-content { - padding-inline-start: 12px; - padding-inline-end: 12px; + padding-inline: 12px 12px; } diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/jQuery/index.html b/apps/demos/Demos/FileManager/BindingToFileSystem/jQuery/index.html index 172a92c11430..cd85eec22d7c 100644 --- a/apps/demos/Demos/FileManager/BindingToFileSystem/jQuery/index.html +++ b/apps/demos/Demos/FileManager/BindingToFileSystem/jQuery/index.html @@ -8,8 +8,6 @@ - - diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/jQuery/styles.css b/apps/demos/Demos/FileManager/BindingToFileSystem/jQuery/styles.css deleted file mode 100644 index 5f282702bb03..000000000000 --- a/apps/demos/Demos/FileManager/BindingToFileSystem/jQuery/styles.css +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/jQuery/index.html b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/jQuery/index.html index 172a92c11430..0f54d4bca72a 100644 --- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/jQuery/index.html +++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/jQuery/index.html @@ -8,7 +8,6 @@ - diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/jQuery/styles.css b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/jQuery/styles.css deleted file mode 100644 index 5f282702bb03..000000000000 --- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/jQuery/styles.css +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/jQuery/index.html b/apps/demos/Demos/FileManager/CustomThumbnails/jQuery/index.html index 172a92c11430..0f54d4bca72a 100644 --- a/apps/demos/Demos/FileManager/CustomThumbnails/jQuery/index.html +++ b/apps/demos/Demos/FileManager/CustomThumbnails/jQuery/index.html @@ -8,7 +8,6 @@ - diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/jQuery/styles.css b/apps/demos/Demos/FileManager/CustomThumbnails/jQuery/styles.css deleted file mode 100644 index 5f282702bb03..000000000000 --- a/apps/demos/Demos/FileManager/CustomThumbnails/jQuery/styles.css +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/apps/demos/Demos/FileManager/UICustomization/jQuery/index.html b/apps/demos/Demos/FileManager/UICustomization/jQuery/index.html index 172a92c11430..0f54d4bca72a 100644 --- a/apps/demos/Demos/FileManager/UICustomization/jQuery/index.html +++ b/apps/demos/Demos/FileManager/UICustomization/jQuery/index.html @@ -8,7 +8,6 @@ - diff --git a/apps/demos/Demos/FileManager/UICustomization/jQuery/styles.css b/apps/demos/Demos/FileManager/UICustomization/jQuery/styles.css deleted file mode 100644 index 5f282702bb03..000000000000 --- a/apps/demos/Demos/FileManager/UICustomization/jQuery/styles.css +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.css b/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.css index b485acb6152f..278ea5a0cd17 100644 --- a/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.css +++ b/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.css @@ -11,7 +11,7 @@ ::ng-deep #fileuploader-container { border: 1px solid #d3d3d3; - margin: 20px 20px 0 20px; + margin: 20px 20px 0; } ::ng-deep #form h3 { diff --git a/apps/demos/Demos/FileUploader/FileSelection/React/styles.css b/apps/demos/Demos/FileUploader/FileSelection/React/styles.css index 8b78c8a28f57..1fcad162704a 100644 --- a/apps/demos/Demos/FileUploader/FileSelection/React/styles.css +++ b/apps/demos/Demos/FileUploader/FileSelection/React/styles.css @@ -11,7 +11,7 @@ .fileuploader-container { border: 1px solid #d3d3d3; - margin: 20px 20px 0 20px; + margin: 20px 20px 0; } #form h3 { diff --git a/apps/demos/Demos/FileUploader/FileSelection/ReactJs/styles.css b/apps/demos/Demos/FileUploader/FileSelection/ReactJs/styles.css index 8b78c8a28f57..1fcad162704a 100644 --- a/apps/demos/Demos/FileUploader/FileSelection/ReactJs/styles.css +++ b/apps/demos/Demos/FileUploader/FileSelection/ReactJs/styles.css @@ -11,7 +11,7 @@ .fileuploader-container { border: 1px solid #d3d3d3; - margin: 20px 20px 0 20px; + margin: 20px 20px 0; } #form h3 { diff --git a/apps/demos/Demos/FileUploader/FileSelection/Vue/App.vue b/apps/demos/Demos/FileUploader/FileSelection/Vue/App.vue index 423d8ee59741..bda11f5f2ea5 100644 --- a/apps/demos/Demos/FileUploader/FileSelection/Vue/App.vue +++ b/apps/demos/Demos/FileUploader/FileSelection/Vue/App.vue @@ -73,7 +73,7 @@ function onButtonClick() { .fileuploader-container { border: 1px solid #d3d3d3; - margin: 20px 20px 0 20px; + margin: 20px 20px 0; } #form h3 { diff --git a/apps/demos/Demos/FileUploader/FileSelection/jQuery/styles.css b/apps/demos/Demos/FileUploader/FileSelection/jQuery/styles.css index d6d53189656f..671d0d1e2e03 100644 --- a/apps/demos/Demos/FileUploader/FileSelection/jQuery/styles.css +++ b/apps/demos/Demos/FileUploader/FileSelection/jQuery/styles.css @@ -11,7 +11,7 @@ #fileuploader-container { border: 1px solid #d3d3d3; - margin: 20px 20px 0 20px; + margin: 20px 20px 0; } #form h3 { diff --git a/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.css b/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.css index 3d9d3c62e7dc..ca581d399c69 100644 --- a/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.css +++ b/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.css @@ -42,7 +42,7 @@ background-color: white; color: black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - padding: 10px 12px 12px 12px; + padding: 10px 12px 12px; border-radius: 3px; } diff --git a/apps/demos/Demos/Gantt/Appearance/React/styles.css b/apps/demos/Demos/Gantt/Appearance/React/styles.css index 3d9d3c62e7dc..ca581d399c69 100644 --- a/apps/demos/Demos/Gantt/Appearance/React/styles.css +++ b/apps/demos/Demos/Gantt/Appearance/React/styles.css @@ -42,7 +42,7 @@ background-color: white; color: black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - padding: 10px 12px 12px 12px; + padding: 10px 12px 12px; border-radius: 3px; } diff --git a/apps/demos/Demos/Gantt/Appearance/ReactJs/styles.css b/apps/demos/Demos/Gantt/Appearance/ReactJs/styles.css index 3d9d3c62e7dc..ca581d399c69 100644 --- a/apps/demos/Demos/Gantt/Appearance/ReactJs/styles.css +++ b/apps/demos/Demos/Gantt/Appearance/ReactJs/styles.css @@ -42,7 +42,7 @@ background-color: white; color: black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - padding: 10px 12px 12px 12px; + padding: 10px 12px 12px; border-radius: 3px; } diff --git a/apps/demos/Demos/Gantt/Appearance/Vue/App.vue b/apps/demos/Demos/Gantt/Appearance/Vue/App.vue index 6655c6463dd0..a5c6c3354246 100644 --- a/apps/demos/Demos/Gantt/Appearance/Vue/App.vue +++ b/apps/demos/Demos/Gantt/Appearance/Vue/App.vue @@ -214,7 +214,7 @@ function getTimeLeft(task: Task) { background-color: white; color: black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - padding: 10px 12px 12px 12px; + padding: 10px 12px 12px; border-radius: 3px; } diff --git a/apps/demos/Demos/Gantt/Appearance/jQuery/styles.css b/apps/demos/Demos/Gantt/Appearance/jQuery/styles.css index 3d9d3c62e7dc..ca581d399c69 100644 --- a/apps/demos/Demos/Gantt/Appearance/jQuery/styles.css +++ b/apps/demos/Demos/Gantt/Appearance/jQuery/styles.css @@ -42,7 +42,7 @@ background-color: white; color: black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - padding: 10px 12px 12px 12px; + padding: 10px 12px 12px; border-radius: 3px; } diff --git a/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.css b/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.css index 1099edba56b1..60ed6d539ae0 100644 --- a/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.css +++ b/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.css @@ -9,10 +9,6 @@ #employee { margin: 20px 0; -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; diff --git a/apps/demos/Demos/LoadPanel/Overview/React/styles.css b/apps/demos/Demos/LoadPanel/Overview/React/styles.css index 1099edba56b1..60ed6d539ae0 100644 --- a/apps/demos/Demos/LoadPanel/Overview/React/styles.css +++ b/apps/demos/Demos/LoadPanel/Overview/React/styles.css @@ -9,10 +9,6 @@ #employee { margin: 20px 0; -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; diff --git a/apps/demos/Demos/LoadPanel/Overview/ReactJs/styles.css b/apps/demos/Demos/LoadPanel/Overview/ReactJs/styles.css index 1099edba56b1..60ed6d539ae0 100644 --- a/apps/demos/Demos/LoadPanel/Overview/ReactJs/styles.css +++ b/apps/demos/Demos/LoadPanel/Overview/ReactJs/styles.css @@ -9,10 +9,6 @@ #employee { margin: 20px 0; -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; diff --git a/apps/demos/Demos/LoadPanel/Overview/Vue/App.vue b/apps/demos/Demos/LoadPanel/Overview/Vue/App.vue index 8f2549e37127..cbdbea3efb3e 100644 --- a/apps/demos/Demos/LoadPanel/Overview/Vue/App.vue +++ b/apps/demos/Demos/LoadPanel/Overview/Vue/App.vue @@ -106,10 +106,6 @@ function onHidden() { #employee { margin: 20px 0; -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; diff --git a/apps/demos/Demos/LoadPanel/Overview/jQuery/styles.css b/apps/demos/Demos/LoadPanel/Overview/jQuery/styles.css index 1099edba56b1..60ed6d539ae0 100644 --- a/apps/demos/Demos/LoadPanel/Overview/jQuery/styles.css +++ b/apps/demos/Demos/LoadPanel/Overview/jQuery/styles.css @@ -9,10 +9,6 @@ #employee { margin: 20px 0; -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; diff --git a/apps/demos/Demos/MultiView/Overview/Angular/app/app.component.css b/apps/demos/Demos/MultiView/Overview/Angular/app/app.component.css index 351b43b1003e..4445385b0ca9 100644 --- a/apps/demos/Demos/MultiView/Overview/Angular/app/app.component.css +++ b/apps/demos/Demos/MultiView/Overview/Angular/app/app.component.css @@ -5,10 +5,6 @@ ::ng-deep .multiview-item { margin: 25px; -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; diff --git a/apps/demos/Demos/MultiView/Overview/jQuery/styles.css b/apps/demos/Demos/MultiView/Overview/jQuery/styles.css index f366ff8c90c1..876edfa071a8 100644 --- a/apps/demos/Demos/MultiView/Overview/jQuery/styles.css +++ b/apps/demos/Demos/MultiView/Overview/jQuery/styles.css @@ -5,10 +5,6 @@ .multiview-item { margin: 25px; -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; diff --git a/apps/demos/Demos/RadioGroup/Overview/Vue/styles.css b/apps/demos/Demos/RadioGroup/Overview/Vue/styles.css index 0c095fd8b218..fcb2f4524e98 100644 --- a/apps/demos/Demos/RadioGroup/Overview/Vue/styles.css +++ b/apps/demos/Demos/RadioGroup/Overview/Vue/styles.css @@ -15,7 +15,7 @@ } #radio-group-with-selection { - margin: 5px 0 10px 0; + margin: 5px 0 10px; } #radio-group-with-template { diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.css b/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.css index a2736e98fd69..52d782bd257c 100644 --- a/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.css +++ b/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.css @@ -59,8 +59,8 @@ height: 200%; width: 100%; left: 50%; - -webkit-mask: url('data:image/svg+xml;utf8,'); - -webkit-mask-repeat: no-repeat; + mask: url('data:image/svg+xml;utf8,'); + mask-repeat: no-repeat; -webkit-mask-position-y: 50%; -webkit-mask-position-x: 100%; margin-top: -4px; diff --git a/apps/demos/Demos/Scheduler/CellTemplates/React/styles.css b/apps/demos/Demos/Scheduler/CellTemplates/React/styles.css index b1680b7dddd1..c88932fa0839 100644 --- a/apps/demos/Demos/Scheduler/CellTemplates/React/styles.css +++ b/apps/demos/Demos/Scheduler/CellTemplates/React/styles.css @@ -59,8 +59,8 @@ td.dx-scheduler-time-panel-cell .dinner .cafe { height: 200%; width: 100%; left: 50%; - -webkit-mask: url('data:image/svg+xml;utf8,'); - -webkit-mask-repeat: no-repeat; + mask: url('data:image/svg+xml;utf8,'); + mask-repeat: no-repeat; -webkit-mask-position-y: 50%; -webkit-mask-position-x: 100%; margin-top: -4px; diff --git a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/styles.css b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/styles.css index b1680b7dddd1..c88932fa0839 100644 --- a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/styles.css +++ b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/styles.css @@ -59,8 +59,8 @@ td.dx-scheduler-time-panel-cell .dinner .cafe { height: 200%; width: 100%; left: 50%; - -webkit-mask: url('data:image/svg+xml;utf8,'); - -webkit-mask-repeat: no-repeat; + mask: url('data:image/svg+xml;utf8,'); + mask-repeat: no-repeat; -webkit-mask-position-y: 50%; -webkit-mask-position-x: 100%; margin-top: -4px; diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Vue/styles.css b/apps/demos/Demos/Scheduler/CellTemplates/Vue/styles.css index b1680b7dddd1..c88932fa0839 100644 --- a/apps/demos/Demos/Scheduler/CellTemplates/Vue/styles.css +++ b/apps/demos/Demos/Scheduler/CellTemplates/Vue/styles.css @@ -59,8 +59,8 @@ td.dx-scheduler-time-panel-cell .dinner .cafe { height: 200%; width: 100%; left: 50%; - -webkit-mask: url('data:image/svg+xml;utf8,'); - -webkit-mask-repeat: no-repeat; + mask: url('data:image/svg+xml;utf8,'); + mask-repeat: no-repeat; -webkit-mask-position-y: 50%; -webkit-mask-position-x: 100%; margin-top: -4px; diff --git a/apps/demos/Demos/Scheduler/CellTemplates/jQuery/styles.css b/apps/demos/Demos/Scheduler/CellTemplates/jQuery/styles.css index b1680b7dddd1..c88932fa0839 100644 --- a/apps/demos/Demos/Scheduler/CellTemplates/jQuery/styles.css +++ b/apps/demos/Demos/Scheduler/CellTemplates/jQuery/styles.css @@ -59,8 +59,8 @@ td.dx-scheduler-time-panel-cell .dinner .cafe { height: 200%; width: 100%; left: 50%; - -webkit-mask: url('data:image/svg+xml;utf8,'); - -webkit-mask-repeat: no-repeat; + mask: url('data:image/svg+xml;utf8,'); + mask-repeat: no-repeat; -webkit-mask-position-y: 50%; -webkit-mask-position-x: 100%; margin-top: -4px; diff --git a/apps/demos/Demos/Scheduler/SimpleArray/Angular/app/app.component.css b/apps/demos/Demos/Scheduler/SimpleArray/Angular/app/app.component.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/Scheduler/SimpleArray/jQuery/styles.css b/apps/demos/Demos/Scheduler/SimpleArray/jQuery/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.css b/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/Scheduler/WebAPIService/jQuery/styles.css b/apps/demos/Demos/Scheduler/WebAPIService/jQuery/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/Switch/Overview/Angular/app/app.component.css b/apps/demos/Demos/Switch/Overview/Angular/app/app.component.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/Switch/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Switch/Overview/Angular/app/app.component.ts index 3d16ac750544..f3e5b7603f29 100644 --- a/apps/demos/Demos/Switch/Overview/Angular/app/app.component.ts +++ b/apps/demos/Demos/Switch/Overview/Angular/app/app.component.ts @@ -16,7 +16,6 @@ if (window && window.config?.packageConfigPaths) { @Component({ selector: 'demo-app', templateUrl: `.${modulePrefix}/app.component.html`, - styleUrls: [`.${modulePrefix}/app.component.css`], }) export class AppComponent { } diff --git a/apps/demos/Demos/Switch/Overview/jQuery/index.html b/apps/demos/Demos/Switch/Overview/jQuery/index.html index f450362e19fd..c460628d06cf 100644 --- a/apps/demos/Demos/Switch/Overview/jQuery/index.html +++ b/apps/demos/Demos/Switch/Overview/jQuery/index.html @@ -8,7 +8,6 @@ - diff --git a/apps/demos/Demos/Switch/Overview/jQuery/styles.css b/apps/demos/Demos/Switch/Overview/jQuery/styles.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/apps/demos/Demos/TabPanel/DragAndDrop/Angular/app/app.component.css b/apps/demos/Demos/TabPanel/DragAndDrop/Angular/app/app.component.css index 002ab64f2ba6..c3376afac366 100644 --- a/apps/demos/Demos/TabPanel/DragAndDrop/Angular/app/app.component.css +++ b/apps/demos/Demos/TabPanel/DragAndDrop/Angular/app/app.component.css @@ -17,7 +17,7 @@ ::ng-deep .employeeInfo .employeePhoto { height: 100px; float: left; - padding: 10px 20px 10px 20px; + padding: 10px 20px; } .caption { diff --git a/apps/demos/Demos/TabPanel/DragAndDrop/React/styles.css b/apps/demos/Demos/TabPanel/DragAndDrop/React/styles.css index 13728ea7cea5..8af784622d4b 100644 --- a/apps/demos/Demos/TabPanel/DragAndDrop/React/styles.css +++ b/apps/demos/Demos/TabPanel/DragAndDrop/React/styles.css @@ -17,7 +17,7 @@ .employeeInfo .employeePhoto { height: 100px; float: left; - padding: 10px 20px 10px 20px; + padding: 10px 20px; } .caption { diff --git a/apps/demos/Demos/TabPanel/DragAndDrop/ReactJs/styles.css b/apps/demos/Demos/TabPanel/DragAndDrop/ReactJs/styles.css index 13728ea7cea5..8af784622d4b 100644 --- a/apps/demos/Demos/TabPanel/DragAndDrop/ReactJs/styles.css +++ b/apps/demos/Demos/TabPanel/DragAndDrop/ReactJs/styles.css @@ -17,7 +17,7 @@ .employeeInfo .employeePhoto { height: 100px; float: left; - padding: 10px 20px 10px 20px; + padding: 10px 20px; } .caption { diff --git a/apps/demos/Demos/TabPanel/DragAndDrop/Vue/App.vue b/apps/demos/Demos/TabPanel/DragAndDrop/Vue/App.vue index 52d9d2bad321..e04bfc9e4a99 100644 --- a/apps/demos/Demos/TabPanel/DragAndDrop/Vue/App.vue +++ b/apps/demos/Demos/TabPanel/DragAndDrop/Vue/App.vue @@ -110,7 +110,7 @@ function showCloseButton() { .employeeInfo .employeePhoto { height: 100px; float: left; - padding: 10px 20px 10px 20px; + padding: 10px 20px; } .employeeInfo .employeeNotes { diff --git a/apps/demos/Demos/TabPanel/DragAndDrop/jQuery/styles.css b/apps/demos/Demos/TabPanel/DragAndDrop/jQuery/styles.css index 09cf7e14fd9c..7c6f0d7ae22d 100644 --- a/apps/demos/Demos/TabPanel/DragAndDrop/jQuery/styles.css +++ b/apps/demos/Demos/TabPanel/DragAndDrop/jQuery/styles.css @@ -17,7 +17,7 @@ .employeeInfo .employeePhoto { height: 100px; float: left; - padding: 10px 20px 10px 20px; + padding: 10px 20px; } .caption { diff --git a/apps/demos/Demos/TabPanel/Templates/Angular/app/app.component.css b/apps/demos/Demos/TabPanel/Templates/Angular/app/app.component.css index 42368592facc..33e8e593f7ec 100644 --- a/apps/demos/Demos/TabPanel/Templates/Angular/app/app.component.css +++ b/apps/demos/Demos/TabPanel/Templates/Angular/app/app.component.css @@ -1,10 +1,6 @@ ::ng-deep .tabpanel-item { height: 200px; -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; padding-left: 25px; padding-top: 55px; diff --git a/apps/demos/Demos/TabPanel/Templates/jQuery/styles.css b/apps/demos/Demos/TabPanel/Templates/jQuery/styles.css index b9eeb86c706d..0335226ae77d 100644 --- a/apps/demos/Demos/TabPanel/Templates/jQuery/styles.css +++ b/apps/demos/Demos/TabPanel/Templates/jQuery/styles.css @@ -1,10 +1,6 @@ .tabpanel-item { height: 200px; -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; padding-left: 25px; padding-top: 55px;