Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Recommendation bar text shrinking bug #433

Closed
wants to merge 9 commits into from
Closed

Recommendation bar text shrinking bug #433

Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
0951b79
Use same border radius for next and prev buttons
Deepanshu039 Apr 4, 2022
b115763
refactor button border radius code
Deepanshu039 Apr 7, 2022
50d65b9
Merge branch 'master' of https://github.com/unstructuredstudio/zubhub…
Deepanshu039 Apr 7, 2022
335a5a0
Merge pull request #1 from Deepanshu039/prev-next-button-issue
Deepanshu039 Apr 7, 2022
a854a7a
Merge branch 'master' of https://github.com/unstructuredstudio/zubhub
Deepanshu039 Apr 17, 2022
f1575db
reverted master
Deepanshu039 Apr 18, 2022
c439d07
Merge branch 'master' of https://github.com/unstructuredstudio/zubhub
Deepanshu039 Apr 20, 2022
7eebb63
Merge branch 'master' of https://github.com/unstructuredstudio/zubhub…
Deepanshu039 Apr 21, 2022
6012710
fixed title shrinking issue in the recommendation bar
Deepanshu039 Apr 21, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 7 additions & 2 deletions zubhub_frontend/zubhub/src/assets/js/styles/components/autocomplete/optionStyles.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,14 @@ const styles = theme => ({
display: 'flex',
flexFlow: 'row nowrap',
alignItems: 'center',
maxWidth: '50%',
maxWidth: '80%',
},
optionTitleWrapper: {
flex: '1 1 max-content',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
flexShrink: '0',
maxWidth: '85%',
},
optionTitle: {
display: 'inline',
Expand All @@ -31,6 +32,10 @@ const styles = theme => ({
fontSize: '12px',
color: 'gray',
marginLeft: '10px',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
minWidth: '15%',
},
optionImageWrapper: {
display: 'flex',
Expand Down