Merge pull request #95 from oarepo/stojanovic/fe-95-move-form-field-h…

…ints-under-input-make-text-more-subtle-less Stojanovic/fe 95 move form field hints under input make text more subtle less
oarepo · Oct 19, 2023 · 560f66e · 560f66e
2 parents ed7e99e + e659651
commit 560f66e
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/...ets/semantic-ui/js/oarepo_ui/forms/components/LanguageSelectField/LanguageSelectField.jsx b/...ets/semantic-ui/js/oarepo_ui/forms/components/LanguageSelectField/LanguageSelectField.jsx
@@ -21,6 +21,7 @@ export const LanguageSelectField = ({
   const { setFieldTouched } = useFormikContext();
   return (
     <SelectField
+      deburr
       onBlur={() => setFieldTouched(fieldPath)}
       fieldPath={fieldPath}
       optimized

diff --git a/oarepo_ui/theme/assets/semantic-ui/js/oarepo_ui/search/SearchAppFacets.jsx b/oarepo_ui/theme/assets/semantic-ui/js/oarepo_ui/search/SearchAppFacets.jsx
@@ -9,7 +9,7 @@ export const SearchAppFacets = ({ aggs, appName }) => {
         <h2>{i18next.t("Filters")}</h2>
         <div className="ui divider"></div>
       </div>
-      <div className="vertical scroll facet-list">
+      <div className="facet-list">
         {aggs.map((agg) => (
           <BucketAggregation key={agg.aggName} title={agg.title} agg={agg} />
         ))}

diff --git a/oarepo_ui/theme/assets/semantic-ui/js/oarepo_ui/search/SearchAppLayout.jsx b/oarepo_ui/theme/assets/semantic-ui/js/oarepo_ui/search/SearchAppLayout.jsx
@@ -108,7 +108,6 @@ export const SearchAppLayout = ({ config, hasButtonSidebar }) => {
         className="search-app rel-mt-2"
       >
         <Grid.Row
-          stretched
           textAlign="left"
           columns={columnsAmount}
           className="result-options"
@@ -130,7 +129,7 @@ export const SearchAppLayout = ({ config, hasButtonSidebar }) => {
                   aria-label={i18next.t("Filter results")}
                 />
               </Grid.Column>
-              <Grid.Column only="computer" width={3}>
+              <Grid.Column only="computer" width={4}>
                 <ActiveFilters />
               </Grid.Column>
             </>
@@ -145,8 +144,8 @@ export const SearchAppLayout = ({ config, hasButtonSidebar }) => {
               mobile={4}
               tablet={4}
               computer={4}
-              largeScreen={3}
-              widescreen={3}
+              largeScreen={4}
+              widescreen={4}
               open={sidebarVisible}
               onHideClick={() => setSidebarVisible(false)}
             >

diff --git a/oarepo_ui/theme/assets/semantic-ui/js/oarepo_ui/search/SearchAppResultOptions.jsx b/oarepo_ui/theme/assets/semantic-ui/js/oarepo_ui/search/SearchAppResultOptions.jsx
@@ -15,10 +15,10 @@ export const SearchAppResultOptions = ({ sortOptions, layoutOptions }) => {
   return (
     <Grid>
       <Grid.Row verticalAlign="middle">
-        <Grid.Column floated="left" textAlign="left" width={4}>
+        <Grid.Column floated="left" textAlign="left" width={5}>
           <ResultCountWithState />
         </Grid.Column>
-        <Grid.Column textAlign="right" floated="right" width={4}>
+        <Grid.Column textAlign="right" floated="right" width={8}>
           {sortOptions && (
             <Overridable id={buildUID("SearchApp.sort")} options={sortOptions}>
               <SearchAppSort />

diff --git a/setup.cfg b/setup.cfg
@@ -1,6 +1,6 @@
 [metadata]
 name = oarepo-ui
-version = 5.0.75
+version = 5.0.76
 description = UI module for invenio 3.5+
 long_description = file: README.md
 long_description_content_type = text/markdown