gristlabs_grist-core/app/client/ui
Cyprien P 710014ce54 (core) Animate side panels
Summary:
Diff makes side panels slide horizontally when opening/closing them.

Caveats:
 . Right panel: even though the panel do transition nicely, the content however disappears suddently. We could prevent disposal of the dom by removing the two below lines. But it's hard to tell what possible side effect we could get from it as I don't know why these line were added in the first place. I could investigate further, but maybe it's already good enough as it is.
 ```
   private _buildContentDom() {
    return dom.domComputed((use) => {
      // if (!use(this._isOpen)) { return null; } // remove line
      const tool = use(this._extraTool);
```
```
  private _buildHeaderDom() {
    return dom.domComputed((use) => {
      // if (!use(this._isOpen)) { return null; } // remove line
      const tool = use(this._extraTool);
      return tool ? this._buildToolHeader(tool) : this._buildStandardHeader();
```

Test Plan: Tested manually on desktop environnment with  FF and chrome by shrinking the window.

Reviewers: paulfitz

Reviewed By: paulfitz

Differential Revision: https://phab.getgrist.com/D2710
2021-01-25 15:01:39 +01:00
..
AccountWidget.ts (core) Add viewport meta tag conditionally, and show a toggle for it on small devices. 2021-01-21 14:54:02 -05:00
AddNewButton.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
ApiKey.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
App.css (core) Cleanup removing some old unused files, fixing logo.css, and removing #grist-app. 2020-10-09 17:04:09 -04:00
App.ts (core) Add viewport meta tag conditionally, and show a toggle for it on small devices. 2021-01-21 14:54:02 -05:00
AppHeader.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
AppUI.ts (core) Animate side panels 2021-01-25 15:01:39 +01:00
BillingForm.ts (core) Support international addresses in the Billing form 2020-10-26 11:41:15 -04:00
BillingPage.ts (core) Support international addresses in the Billing form 2020-10-26 11:41:15 -04:00
BillingPageCss.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
BillingPlanManagers.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
BottomBar.ts (core) Making side bars a bit more usable for narrow screen 2021-01-19 15:22:01 +01:00
buttons.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
ColumnFilterMenu.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
CustomThemes.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
DocHistory.ts (core) Fix JS error when switching from DocHistory to ActionLog too quickly. 2020-12-11 14:33:29 -05:00
DocMenu.ts (core) Fix "Copy Link" in UserManager when its opened from a DocMenu page. 2020-11-26 22:30:01 -05:00
DocMenuCss.ts (core) Add viewport meta tag conditionally, and show a toggle for it on small devices. 2021-01-21 14:54:02 -05:00
Document.css (core) move client code to core 2020-10-02 13:24:21 -04:00
DocumentSettings.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
errorPages.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
ExampleCard.ts (core) Close previous example card in the rare cases when a second one might be triggered 2020-11-09 23:46:47 -05:00
ExampleInfo.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
FieldMenus.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
FileDialog.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
forms.ts (core) In Welcome questionnaire, add 'School' option, ask to enter company or school 2020-11-02 14:05:31 -05:00
GridOptions.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
GridViewMenus.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
HomeImports.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
HomeIntro.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
HomeLeftPane.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
LeftPanelCommon.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
MakeCopyMenu.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
modals.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
mouseDrag.ts Initial config with a few files that build on client and server side. 2020-05-20 00:50:46 -04:00
MultiSelector.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
NotifyUI.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
PagePanels.ts (core) Animate side panels 2021-01-25 15:01:39 +01:00
Pages.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
PageWidgetPicker.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
PinnedDocs.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
ProfileDialog.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
resizeHandle.ts Initial config with a few files that build on client and server side. 2020-05-20 00:50:46 -04:00
RightPanel.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
selectBy.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
shadowScroll.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
ShareMenu.ts (core) Improve snapshot listing, and add compare snapshot links 2020-12-09 16:48:19 -05:00
Tools.ts (core) Implement much of the general AccessRules UI. 2020-12-07 14:48:41 -05:00
tooltips.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
TopBar.ts (core) allow a doc owner to test access as a different user 2021-01-15 18:45:57 -05:00
TopBarCss.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
transientInput.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
transitions.ts (core) Show a welcome card when a user opens an example for the first time. 2020-09-09 23:08:50 -04:00
TreeViewComponent.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
TreeViewComponentCss.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
UserImage.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
UserManager.ts (core) Implement much of the general AccessRules UI. 2020-12-07 14:48:41 -05:00
ViewLayoutMenu.ts (core) Implement 'Print widget' option to print individual view sections. 2020-10-10 00:35:33 -04:00
viewport.ts (core) Add viewport meta tag conditionally, and show a toggle for it on small devices. 2021-01-21 14:54:02 -05:00
ViewSectionMenu.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
VisibleFieldsConfig.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
WelcomePage.ts (core) On welcome form pages, prevent accidental multiple submissions. 2020-12-11 22:42:20 -05:00
widgetTypes.ts (core) move client code to core 2020-10-02 13:24:21 -04:00