-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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.
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
Improve styles #4916
Improve styles #4916
Conversation
This reverts commit fb118f3.
* Bottom border * Padding
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is great stuff! I left a couple note on two things that I reverted and made a couple fixes for mobile, but otherwise really looks great. Thanks for tweaking all of this!
src/lib/styles.ts
Outdated
footerSpacer: {height: 50}, | ||
contentContainer: {paddingBottom: 100}, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm going to revert these changes for now. I think we want to do this, but these are legacy styles and I'm kind of concerned about corner cases that might get missed if we change this (it broke the settings page on iOS for example to change this and would have needed some extra work)
src/view/com/pager/TabBar.tsx
Outdated
@@ -167,7 +167,7 @@ const desktopStyles = StyleSheet.create({ | |||
}, | |||
item: { | |||
paddingTop: 14, | |||
paddingHorizontal: 14, | |||
paddingHorizontal: 16, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
i think lets keep this one at 14
<SearchInput | ||
query={query} | ||
onChangeQuery={onChangeText} | ||
onPressCancelSearch={onPressCancelSearch} | ||
onSubmitQuery={onSubmit} | ||
/> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I swapped this out with with the SearchInput
component.
* origin/main: (28 commits) swap control files (#4936) [Embed] Starter pack embed embed (#4935) [Video] set audio category to ambient every time a new player is made (#4934) Add `/live/` to supported YouTube embed URLs (#4932) [Video] Try/catch video play/pause (#4930) Don't kick to login screen on network error (#4911) Remove .withProxy() calls (#4929) [Video] Audio duck off main thread (#4926) subclass agent to add setPersistSessionHandler (#4928) [Video] Fix crash when switching tabs (#4925) [Video] Invert usage of `setAudioActive` (#4924) Upgrade API, implement XRPC rework (#4857) rm from swift (#4923) Fix Android composer cursor bug by removing `setTimeout` from native composer `onChangeText` (#4922) Show handle in recent searches and fix truncation (#4917) Improve styles (#4916) Mark string for localization (#4920) Fix `occurred` typo (#4919) [Video] Resume background audio whenever muting video audio (#4915) [Videos] Add error boundary to native (#4914) ...
Update the style of the search input and icon on the right to look like the input on the another pages.
Displays the bottom border of TabBar, like on the Home page.
Match the button color style.
Update the broken border at the bottom of the settings page and adjust the margin.
Adjust the left drawer margin on mobile.