fix: fix gui

gemini-testing · Jul 5, 2024 · 620327d · 620327d
1 parent c561f6b
commit 620327d
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 4 deletions.
diff --git a/lib/static/components/controls/common-controls.jsx b/lib/static/components/controls/common-controls.jsx
@@ -35,6 +35,7 @@ class ControlButtons extends Component {
         return (
             <React.Fragment>
                 <ControlSelect
+                    size='s'
                     label="Show tests"
                     value={view.viewMode}
                     handler={actions.changeViewMode}
@@ -49,6 +50,7 @@ class ControlButtons extends Component {
                     ]} size='m'/>
                 <GroupTestsSelect />
                 <ControlSelect
+                    size='m'
                     label="Diff mode"
                     value={view.diffMode}
                     handler={actions.changeDiffMode}

diff --git a/lib/static/components/controls/controls.less b/lib/static/components/controls/controls.less
@@ -116,6 +116,18 @@
     width: 500px;
 }
 
+.select__dropdown-s {
+    width: 100px;
+}
+
+.select__dropdown-m {
+    width: 150px;
+}
+
+.select__dropdown-l {
+    width: 200px;
+}
+
 .report-info {
     .label {
         margin: 0 15px 0 0;

diff --git a/lib/static/components/controls/report-info.jsx b/lib/static/components/controls/report-info.jsx
@@ -9,11 +9,11 @@ class ReportInfo extends Component {
 
         return (
             <div className="report-info">
-                <Label qa='version-label' size='m'>
+                <Label qa='version-label' size='m' className='label'>
                     Version
                     <div className='detail'>{version}</div>
                 </Label>
-                {!gui && <Label qa='created-at-label' size='m'>
+                {!gui && <Label qa='created-at-label' size='m' className='label'>
                     Created at
                     <div className='detail'>{date}</div>
                 </Label>}

diff --git a/lib/static/components/controls/selects/control.jsx b/lib/static/components/controls/selects/control.jsx
@@ -9,6 +9,7 @@ import CustomLabel from './label';
 
 export default class ControlSelect extends Component {
     static propTypes = {
+        size: PropTypes.string,
         label: PropTypes.string.isRequired,
         value: PropTypes.string.isRequired,
         handler: PropTypes.func.isRequired,
@@ -26,7 +27,7 @@ export default class ControlSelect extends Component {
     }
 
     render() {
-        const {value, label, options, extendClassNames} = this.props;
+        const {size, value, label, options, extendClassNames} = this.props;
         const formattedOpts = options.map(({value, text}) => ({
             value,
             text,
@@ -43,7 +44,7 @@ export default class ControlSelect extends Component {
             <div className={className}>
                 <CustomLabel size='m' pin='round-brick'>{label}</CustomLabel>
                 <Select
-                    className="select__dropdown"
+                    className={`select__dropdown-${size || 's'}`}
                     selection
                     options={options}
                     value={[value]}