8000 Make share dialog scrollable by apoorv-mishra · Pull Request #7344 · outline/outline · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Make share dialog scrollable #7344

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

Merged
merged 5 commits into from
Aug 4, 2024
Merged

Conversation

apoorv-mishra
Copy link
Member

Closes #7328

@auto-assign auto-assign bot requested a review from tommoor August 2, 2024 17:31
@apoorv-mishra
Copy link
Member Author

Screenshot 2024-08-02 at 23 20 49

We should perhaps keep this part out of the scrollable container and make it "sticky" at the bottom of the popover.

@tommoor
Copy link
Member
tommoor commented Aug 2, 2024

We should perhaps keep this part out of the scrollable container and make it "sticky" at the bottom of the popover.

There's definitely good arguments for it, I wouldn't increase the scope of this even more if we can help it though.

@tommoor
Copy link
Member
tommoor commented Aug 2, 2024

There's a lot of refactoring here, can you note the spots where changes matter?

@apoorv-mishra
Copy link
Member Author

Yeah, most important changes are the new AccessControlList.tsx components. The idea is ported from the exiting Suggestions.tsx components where the list items are wrapped in a scrollable container.

Comment on lines -370 to -396
<ListItem
image={
<Squircle color={theme.accent} size={AvatarSize.Medium}>
<UserIcon color={theme.accentText} size={16} />
</Squircle>
}
title={t("All members")}
subtitle={t("Everyone in the workspace")}
actions={
<div style={{ marginRight: -8 }}>
<InputSelectPermission
style={{ margin: 0 }}
>
value: CollectionPermission | typeof EmptySelectValue
) => {
void collection.save({
permission: value === EmptySelectValue ? null : value,
});
}}
disabled={!can.update}
value={collection?.permission}
labelHidden
nude
/>
</div>
}
/>
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note that these dispersed list items had to be colocated within a single component so as to wrap everything up inside a scrollable container.

Comment on lines +188 to +198
{team.sharing && can.share && !collectionSharingDisabled && visible && (
<>
{document.members.length ? <Separator /> : null}
<PublicAccess
document={document}
share={share}
sharedParent={sharedParent}
>
/>
</>
)}
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note that these dispersed list items had to be colocated within a single component so as to wrap everything up inside a scrollable container.

Same approach. PublicAccess moved inside here to be wrapped in a single scrollable container like other list items.

@tommoor tommoor merged commit 340109d into main Aug 4, 2024
11 checks passed
truecharts-admin referenced this pull request in truecharts/public Sep 5, 2024
…7790c by renovate (#25953)

This PR contains the following updates:

| Package | Update | Change |
|---|---|---|
| [outlinewiki/outline](https://redirect.github.com/outline/outline) |
minor | `0.78.0` -> `0.79.0` |

---

> [!WARNING]
> Some dependencies could not be looked up. Check the Dependency
Dashboard for more information.

---

### Release Notes

<details>
<summary>outline/outline (outlinewiki/outline)</summary>

###
[`v0.79.0`](https://redirect.github.com/outline/outline/releases/tag/v0.79.0)

[Compare
Source](https://redirect.github.com/outline/outline/compare/v0.78.0...v0.79.0)

#### What's Changed

##### Group document membership

It is now possible to add groups directly to documents, all members of
the group will receive access to the document with the chosen
permissions. Use this to share portions of a larger private collection
with a mix of stakeholders. Groups appear as a new sharing option in the
existing `Share` button.

##### Other improvements

- Add support to embed any webpage with `/embed` command by
[@&#8203;Blendman974](https://redirect.github.com/Blendman974) in
[https://github.com/outline/outline/pull/7319](https://redirect.github.com/outline/outline/pull/7319)
- Add support for Dropbox embed by
[@&#8203;LouisKottmann](https://redirect.github.com/LouisKottmann) in
[https://github.com/outline/outline/pull/7299](https://redirect.github.com/outline/outline/pull/7299)
- Add support for workspace templates by
[@&#8203;hmacr](https://redirect.github.com/hmacr) in
[https://github.com/outline/outline/pull/7150](https://redirect.github.com/outline/outline/pull/7150)
- Added `R` language highlighting in code blocks
[https://github.com/outline/outline/issues/7473](https://redirect.github.com/outline/outline/issues/7473)
-   New and improved translations
- Shared and read-only documents can now be dragged to "Starred" in
[https://github.com/outline/outline/pull/7506](https://redirect.github.com/outline/outline/pull/7506)
- Outgoing emails now include headers to enhance threading in inbox by
[@&#8203;hmacr](https://redirect.github.com/hmacr) in
[https://github.com/outline/outline/pull/7477](https://redirect.github.com/outline/outline/pull/7477)
- Inserting `/time` and `/datetime` in templates will now insert a
template variable
- Allowed `shift+enter` to insert a soft break in comments
[#&#8203;7451](https://redirect.github.com/outline/outline/issues/7451)
- Audio and video files are now served with `inline` content disposition
so they display in browser
-   Space characters are now allowed when filtering `@mention`
-   Added an option to clear an existing text highlight in the editor
-   The `e` shortcut now refocuses the editor if unfocused
-   `Shift-Ctrl-c` added as editor shortcut for toggling code blocks

##### Fixes

- Emojis in headings are now correctly included in the table of contents
-   Added a missing error toast when importing a document fails
-   Escape key with suggestion menu open no longer unfocuses editor
- Improved markdown detection of tables with alignment characters in
header
- Comment marks are now correctly removed when a document is duplicated
[https://github.com/outline/outline/issues/7390](https://redirect.github.com/outline/outline/issues/7390)
- Fixed flashing of document header with many live collaborators
[https://github.com/outline/outline/issues/7400](https://redirect.github.com/outline/outline/issues/7400)
- Fixed toolbar positioning issues on Android
[https://github.com/outline/outline/issues/7052](https://redirect.github.com/outline/outline/issues/7052)
- Fixed error when passed too many user invites by
[@&#8203;bkrausz](https://redirect.github.com/bkrausz) in
[https://github.com/outline/outline/pull/7282](https://redirect.github.com/outline/outline/pull/7282)
- Fixed several issues with importing collections by
[@&#8203;hmacr](https://redirect.github.com/hmacr) in
[https://github.com/outline/outline/pull/7270](https://redirect.github.com/outline/outline/pull/7270)
- Fixed an issue where collection index calculation does not take into
account user scope
[https://github.com/outline/outline/pull/7294](https://redirect.github.com/outline/outline/pull/7294)
- Fixed error in `DeliverWebhookTask` when trash is emptied by
[@&#8203;apoorv-mishra](https://redirect.github.com/apoorv-mishra) in
[https://github.com/outline/outline/pull/7304](https://redirect.github.com/outline/outline/pull/7304)
- Fixed a possibility that document title changes are not saved on
navigation in
[https://github.com/outline/outline/pull/7293](https://redirect.github.com/outline/outline/pull/7293)
-   Added protection against pasting invalid `@mentions`
-   Trashed documents no longer appear in "Shared with me"
- Fixed an internal server error when search query contains a `:`
[https://github.com/outline/outline/issues/7481](https://redirect.github.com/outline/outline/issues/7481)
- Fixed backwards icon asset naming by
[@&#8203;bkrausz](https://redirect.github.com/bkrausz) in
[https://github.com/outline/outline/pull/7327](https://redirect.github.com/outline/outline/pull/7327)
- Share dialog is now scrollable again by
[@&#8203;apoorv-mishra](https://redirect.github.com/apoorv-mishra) in
[https://github.com/outline/outline/pull/7344](https://redirect.github.com/outline/outline/pull/7344)
- Fixed an issue where collections are not loaded if collapsed in
sidebar by
[@&#8203;apoorv-mishra](https://redirect.github.com/apoorv-mishra) in
[https://github.com/outline/outline/pull/7358](https://redirect.github.com/outline/outline/pull/7358)
- Fixed internal links copied in publicly shared documents are incorrect
in
[https://github.com/outline/outline/pull/7368](https://redirect.github.com/outline/outline/pull/7368)
- Fixed an issue in latest Chrome that causes editor elements to become
unscrollable in
[https://github.com/outline/outline/pull/7394](https://redirect.github.com/outline/outline/pull/7394)
- Fixed problems viewing comments past first 25 in
[https://github.com/outline/outline/pull/7397](https://redirect.github.com/outline/outline/pull/7397)
-   Improved performance when editing the document title
- Improved performance with missing indexes in
[https://github.com/outline/outline/pull/7425](https://redirect.github.com/outline/outline/pull/7425)
- Improved performance by avoiding count query in search where possible
in
[https://github.com/outline/outline/pull/7426](https://redirect.github.com/outline/outline/pull/7426)
- Fixed logic for post-login redirect in
[https://github.com/outline/outline/pull/7428](https://redirect.github.com/outline/outline/pull/7428)
- Fixed an issue where quotes in code are replaced with smart quotes in
[https://github.com/outline/outline/pull/7450](https://redirect.github.com/outline/outline/pull/7450)
- Fixed an issue with for OIDC logout logic by
[@&#8203;blib](https://redirect.github.com/blib) in
[https://github.com/outline/outline/pull/7446](https://redirect.github.com/outline/outline/pull/7446)
- Fixed port is now considered for whether a link is internal in
[https://github.com/outline/outline/pull/7529](https://redirect.github.com/outline/outline/pull/7529)
-   Fixed healthcheck in self-hosted docker image
- Fixed code blocks do not scroll automatically when using beginning and
end of line shortcuts
-   Improved performance by increasing concurrency on worker
- Pasting onto a placeholder now replaces the placeholder
[https://github.com/outline/outline/issues/7346](https://redirect.github.com/outline/outline/issues/7346)
- An error when searching no longer displays the previous results
[https://github.com/outline/outline/issues/7437](https://redirect.github.com/outline/outline/issues/7437)

#### New Contributors

- [@&#8203;LouisKottmann](https://redirect.github.com/LouisKottmann)
made their first contribution in
[https://github.com/outline/outline/pull/7299](https://redirect.github.com/outline/outline/pull/7299)
- [@&#8203;DiamondYuan](https://redirect.github.com/DiamondYuan) made
their first contribution in
[https://github.com/outline/outline/pull/7411](https://redirect.github.com/outline/outline/pull/7411)
- [@&#8203;Blendman974](https://redirect.github.com/Blendman974) made
their first contribution in
[https://github.com/outline/outline/pull/7319](https://redirect.github.com/outline/outline/pull/7319)
- [@&#8203;blib](https://redirect.github.com/blib) made their first
contribution in
[https://github.com/outline/outline/pull/7446](https://redirect.github.com/outline/outline/pull/7446)

**Full Changelog**:
outline/outline@v0.78.0...v0.79.0

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Enabled.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Renovate
Bot](https://redirect.github.com/renovatebot/renovate).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOC42Ny41IiwidXBkYXRlZEluVmVyIjoiMzguNjcuNSIsInRhcmdldEJyYW5jaCI6Im1hc3RlciIsImxhYmVscyI6WyJhdXRvbWVyZ2UiLCJ1cGRhdGUvZG9ja2VyL2dlbmVyYWwvbm9uLW1ham9yIl19-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Share modal doesn't scroll when it gets too long
2 participants
0