Skip to content

Commit

Permalink
fix(grid): remove form field customizatin in grid
Browse files Browse the repository at this point in the history
  • Loading branch information
joneff committed Jul 9, 2021
1 parent 0760a37 commit 0253ed9
Show file tree
Hide file tree
Showing 2 changed files with 0 additions and 173 deletions.
164 changes: 0 additions & 164 deletions packages/material/scss/grid/_layout.scss
Expand Up @@ -134,170 +134,6 @@ $grid-group-dropclue-top: calc( ( #{$button-calc-size} + #{$grid-grouping-header
width: 2px;
}

.k-edit-cell,
.k-grid-edit-row > td {

> .k-textbox,
> .k-textarea,
> .k-widget {
border-radius: $text-field-radius;
margin-left: -$text-field-padding;
margin-right: -$text-field-padding;
}

> .k-switch {
margin-left: 0;
}
}
.k-edit-cell,
.k-grid-edit-row {

.k-autocomplete,
.k-combobox,
.k-dateinput,
.k-datepicker,
.k-datetimepicker,
.k-dropdown,
.k-dropdowntree,
.k-maskedtextbox,
.k-multiselect,
.k-numerictextbox,
.k-timepicker,
.k-textbox {
font-size: $font-size;
line-height: $button-line-height;
}

.k-textbox,
.k-textarea,
.k-autocomplete,
.k-dateinput-wrap,
.k-dropdown-wrap,
.k-picker-wrap,
.k-multiselect-wrap,
.k-numeric-wrap {
border-radius: $text-field-radius;
border-width: 0 0 $text-field-border-width;
padding-left: $text-field-padding;
padding-right: $text-field-padding;

.k-input {
height: calc( #{$button-line-height * 1em} + #{$button-padding-y * 2} - #{$text-field-border-width} );
}
}

.k-dateinput,
.k-datepicker,
.k-datetimepicker,
.k-timepicker {
.k-dateinput-wrap,
.k-picker-wrap {
border-radius: $text-field-radius;
border-width: 0 0 $text-field-border-width;
padding-left: $text-field-padding;
padding-right: $padding-y;

.k-input {
height: calc( #{$button-line-height * 1em} + #{$button-padding-y * 2} - #{$text-field-border-width} );
}
}
}

// Nested dateinput
.k-datepicker,
.k-timepicker,
.k-datetimepicker {
&[dir="rtl"] .k-picker-wrap .k-dateinput-wrap,
&.k-rtl .k-picker-wrap .k-dateinput-wrap,
.k-picker-wrap .k-dateinput-wrap {
border-radius: 0;
border-width: 0;
padding-left: 0;
padding-right: 0;
}
}

.k-combobox {
.k-dropdown-wrap {
border-radius: $text-field-radius;
border-width: 0 0 $text-field-border-width;
padding-left: $text-field-padding;
padding-right: $text-field-padding;

.k-input {
height: calc( #{$button-line-height * 1em} + #{$button-padding-y * 2} - #{$text-field-border-width} );
}
}
}

.k-autocomplete {
&[dir="rtl"],
.k-rtl & {
padding-left: $text-field-padding;
padding-right: $text-field-padding;
}
}

.k-multiselect {
.k-multiselect-wrap {
.k-button {
margin-top: $padding-y * 2;
}
}
}

.k-numerictextbox {
.k-numeric-wrap {
padding-right: $padding-y;
}
}

.k-combobox {
.k-dropdown-wrap {
padding-right: $padding-y;
}
}

.k-dropdown {
.k-dropdown-wrap {
border-radius: $text-field-radius;
border-width: 0 0 $text-field-border-width;
padding-left: $text-field-padding;
padding-right: $padding-y;

.k-input {
height: calc( #{$button-line-height * 1em} + #{$button-padding-y * 2} - #{$text-field-border-width} );
}
}
}

.k-dropdown,
.k-combobox,
.k-autocomplete,
.k-multiselect,
.k-datepicker,
.k-timepicker,
.k-datetimepicker,
.k-dateinput,
.k-numerictextbox {
&[dir="rtl"],
.k-rtl & {
.k-dropdown-wrap,
.k-multiselect-wrap,
.k-picker-wrap,
.k-dateinput-wrap,
.k-numeric-wrap {
padding-left: $padding-y;
padding-right: $text-field-padding;
}
}
}

.k-textbox {
height: $button-calc-size;
}
}

.k-column-menu .k-menu:not(.k-context-menu) {

.k-item {
Expand Down
9 changes: 0 additions & 9 deletions packages/material/scss/grid/_theme.scss
Expand Up @@ -242,15 +242,6 @@
background-color: $primary;
}

.k-grid-edit-row > td {

> .k-textbox,
> .k-textarea,
> .k-widget {
background-color: $text-field-bg;
}
}

.k-columnmenu-item {
&.k-state-selected {
@include fill(
Expand Down

0 comments on commit 0253ed9

Please sign in to comment.