diff --git a/src/plugins/filters/components/GlobalFilters.vue b/src/plugins/filters/components/GlobalFilters.vue index 3f14775492..08a0418cfc 100644 --- a/src/plugins/filters/components/GlobalFilters.vue +++ b/src/plugins/filters/components/GlobalFilters.vue @@ -53,6 +53,7 @@ &__filter-indicator { color: $colorFilter; width: 1.2em; // Set width explicitly for layout reasons: will either have class icon-filter, or none. + flex: 0 0 auto; } } @@ -131,4 +132,4 @@ } } } - \ No newline at end of file + diff --git a/src/plugins/telemetryTable/components/table.vue b/src/plugins/telemetryTable/components/table.vue index 2132e7a4c6..897c3631e6 100644 --- a/src/plugins/telemetryTable/components/table.vue +++ b/src/plugins/telemetryTable/components/table.vue @@ -261,7 +261,12 @@ height: 18px; // Needed when a row has empty values in its cells &.is-selected { - background-color: $colorSelectedBg; + background-color: $colorSelectedBg !important; + color: $colorSelectedFg !important; + td { + background: none !important; + color: inherit !important; + } } } diff --git a/src/styles/_controls.scss b/src/styles/_controls.scss index 73ada52557..9159cd5bfe 100644 --- a/src/styles/_controls.scss +++ b/src/styles/_controls.scss @@ -271,6 +271,15 @@ input[type=number]::-webkit-outer-spin-button { } } +input[type=number].c-input-number--no-spinners { + &::-webkit-inner-spin-button, + &::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; + } + -moz-appearance: textfield; +} + .c-labeled-input { // An input used in the Toolbar // Assumes label is before the input diff --git a/src/styles/_legacy.scss b/src/styles/_legacy.scss index 0bd3c5c223..0de5faeed0 100644 --- a/src/styles/_legacy.scss +++ b/src/styles/_legacy.scss @@ -483,6 +483,7 @@ body.mobile.phone { .widget-edit-holder { display: flex; // Overrides `display: none` during Browse mode flex: 1 1 auto; + overflow: hidden; .flex-accordion-holder { // Needed because otherwise accordion elements "creep" when contents expand and contract @@ -630,6 +631,8 @@ body.mobile.phone { .c-sw-rule { &__grippy-wrapper { $d: 8px; + flex: 0 0 auto; + cursor: move; width: $d; height: $d; transform: translateY(-1px); }