Improve tab title visibility and adjust scroll arrow scroll step
Fixes #2554 Fixes #2553
This commit is contained in:
parent
114b48d5b8
commit
c1fde1d3d9
3 changed files with 4 additions and 4 deletions
|
@ -29,7 +29,7 @@ import React, { forwardRef, useState, useRef, useImperativeHandle, useEffect, us
|
||||||
import cx from 'classnames';
|
import cx from 'classnames';
|
||||||
const { IconXmark, IconArrowLeft, IconArrowRight } = require('./icons');
|
const { IconXmark, IconArrowLeft, IconArrowRight } = require('./icons');
|
||||||
|
|
||||||
const SCROLL_ARROW_SCROLL_BY = 200;
|
const SCROLL_ARROW_SCROLL_BY = 222;
|
||||||
|
|
||||||
const TabBar = forwardRef(function (props, ref) {
|
const TabBar = forwardRef(function (props, ref) {
|
||||||
const [tabs, setTabs] = useState([]);
|
const [tabs, setTabs] = useState([]);
|
||||||
|
|
|
@ -1 +1 @@
|
||||||
Subproject commit c0140fbc7b9f44aa6f63d371c53615cb234a6b51
|
Subproject commit 55b26f9a88944a684d2ecce7b54ffab4c52454f4
|
|
@ -89,8 +89,8 @@
|
||||||
border-top: 2px solid transparent;
|
border-top: 2px solid transparent;
|
||||||
color: #000;
|
color: #000;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0 30px;
|
padding: 0 22px;
|
||||||
min-width: 100px;
|
min-width: 110px;
|
||||||
|
|
||||||
&:not(:last-child) {
|
&:not(:last-child) {
|
||||||
border-inline-end: $tab-border;
|
border-inline-end: $tab-border;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue