Skip to content

Commit 818892c

Browse files
Update images to remove hamburger menu (#730)
* Updated images to remove hamburger menu In-app menu was change from a hamburger to a kebab. This commit updated the images on the App Menu page of the docs. * Remove references to hamburger menu This commit replaces any reference to "hamburger" or "☰" in the docs. Older references to a hamburger menu in the Community Cloud admin panel were also removed as that icon was previously changed to a vertical ellipse also. * Change "menu" to "icon" for click instructions Update wording to indicate "click an icon" to "open a menu" (as opposed to "click a menu").
1 parent 702547d commit 818892c

19 files changed

+14
-14
lines changed

content/kb/components/not-possibe-streamlit-components.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,4 @@ Because each Streamlit Component gets mounted into its own sandboxed iframe, thi
99

1010
- **Can't communicate with other Components**: Components can’t contain (or otherwise communicate with) other components, so Components cannot be used to build something like `grid_layout`
1111
- **Can't modify CSS**: A Component can’t modify the CSS that the rest of the Streamlit app uses, so you can't create something like `dark_mode`
12-
- **Can't add/remove elements**: A Component can’t add or remove other elements of a Streamlit app, so you couldn't make something like `remove_streamlit_hamburger_menu`
12+
- **Can't add/remove elements**: A Component can’t add or remove other elements of a Streamlit app, so you couldn't make something like `remove_streamlit_app_menu`

content/kb/deployments/organize-apps-workspaces.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ If an app's GitHub repository is owned by **an organization** (such as your comp
2323

2424
## Workspaces with view access
2525

26-
You will also have access to any workspaces containing app(s) for which you only have **view access**. These apps will have a "view-only" tooltip when you click on their respective hamburger menus.
26+
You will also have access to any workspaces containing app(s) for which you only have **view access**. These apps will have a "view-only" tooltip when you click on their respective overflow menu icons (⋮).
2727

2828
![App workspaces 4](/images/streamlit-community-cloud/app-workspaces-4.png)
2929

content/kb/deployments/share-apps-with-viewers-outside-organization.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ You can also add viewers directly from your dashboard.
4646

4747
1. **Open settings for your app**
4848

49-
Navigate to the app you want to add viewer to and click the hamburger icon to select "Settings."
49+
Navigate to the app you want to add viewer to and click the overflow menu icon (⋮) to select "Settings."
5050

5151
<div style={{ maxWidth: '75%', marginBottom: '-3em', marginLeft: '5em' }}>
5252
<Image src="/images/streamlit-community-cloud/edit-secrets.png" />

content/library/advanced-features/app-menu.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
2-
title: App menu
2+
title: App menu
33
slug: /library/advanced-features/app-menu
44
---
55

6-
# App menu
6+
# App menu
77

88
Streamlit provides a configurable menu within your app to access convenient tools for developers and viewers. By default, you can access developer options from the app menu when viewing an app locally or on Streamlit Community Cloud while logged into an account with administrative access. While viewing an app, click the icon in the upper-right corner to access the menu.
99

content/library/advanced-features/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ This section gives you background on how different parts of Streamlit work.
1111

1212
<RefCard href="/library/advanced-features/app-menu" size="half">
1313

14-
##### App menu
14+
##### App menu
1515

1616
Streamlit provides a configurable menu within your app to access convenient tools for developers and viewers. These options can modify the appearance of your app while running.
1717

content/library/get-started/main-concepts.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -433,7 +433,7 @@ check if the user viewing an app has a Light or Dark mode preference set by
433433
their operating system and browser. If so, then that preference will be used.
434434
Otherwise, the Light theme is applied by default.
435435

436-
You can also change the active theme from "" → "Settings".
436+
You can also change the active theme from "" → "Settings".
437437

438438
![Changing Themes](/images/change_theme.gif)
439439

content/menu.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -367,7 +367,7 @@ site_menu:
367367
isVersioned: true
368368
- category: Streamlit library / Advanced features
369369
url: /library/advanced-features
370-
- category: Streamlit library / Advanced features / App menu
370+
- category: Streamlit library / Advanced features / App menu
371371
url: /library/advanced-features/app-menu
372372
- category: Streamlit library / Advanced features/ Button behavior and examples
373373
url: /library/advanced-features/button-behavior-and-examples

content/streamlit-cloud/get-started/embed-your-app.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ There will be no official support for embedding private apps.
3333

3434
In addition to allowing you to embed apps via iframes, the `?embed=true` query parameter also does the following:
3535

36-
- Removes the toolbar with the hamburger menu
36+
- Removes the toolbar with the app menu icon (⋮)
3737
- Removes the padding at the top and bottom of the app
3838
- Removes the footer
3939
- Removes the colored line from the top of the app

content/streamlit-cloud/get-started/manage-your-app.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ If an app's GitHub repository is owned by **an organization** (such as your comp
5858

5959
![App workspaces 3](/images/streamlit-community-cloud/app-workspaces-3.jpg)
6060

61-
You will also have access to any workspaces containing app(s) for which you only have **view access**. These apps will have a "view-only" tooltip when you click on their respective hamburger menus.
61+
You will also have access to any workspaces containing app(s) for which you only have **view access**. These apps will have a "view-only" tooltip when you click on their respective overflow menu icons (⋮).
6262

6363
![App workspaces 4](/images/streamlit-community-cloud/app-workspaces-4.png)
6464

@@ -173,7 +173,7 @@ To unfavorite an app, either hover over the app and click the star (⭐) again,
173173

174174
You can also favorite an app from right within the app! Currently, in-app favoriting is available for apps that use Streamlit v1.4.0 or later. Note that in-app favoriting is not available on apps in your workspaces for which you only have view access.
175175

176-
When viewing any app in your workspace, click the star (☆) in the top-right corner of the app, besides the "☰" hamburger menu.
176+
When viewing any app in your workspace, click the star (☆) in the top-right corner of the app, beside the "⋮" app menu icon.
177177

178178
![In-app favoriting](/images/streamlit-community-cloud/un-favorited.png)
179179

content/streamlit-cloud/get-started/share-your-app/index.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ You can also add viewers directly from your dashboard.
115115

116116
1. **Open settings for your app**
117117

118-
Navigate to the app you want to add viewer to and click the hamburger icon to select "Settings."
118+
Navigate to the app you want to add viewer to and click the overflow menu icon (⋮) to select "Settings."
119119

120120
<div style={{ maxWidth: '75%', marginBottom: '-3em', marginLeft: '5em' }}>
121121
<Image src="/images/streamlit-community-cloud/edit-secrets.png" />
@@ -131,7 +131,7 @@ You can also add viewers directly from your dashboard.
131131

132132
## Sharing public apps
133133

134-
From your deployed app you can click on the "☰" menu on the top right and select 'Share this app' to post it directly into social media or to share with the community on our [Community forum](https://discuss.streamlit.io/c/streamlit-examples/9). We'd love to see what you make and perhaps feature your app as our app of the month ❤️.
134+
From your deployed app you can click on the "⋮" icon on the top right and select 'Share this app' to post it directly into social media or to share with the community on our [Community forum](https://discuss.streamlit.io/c/streamlit-examples/9). We'd love to see what you make and perhaps feature your app as our app of the month ❤️.
135135

136136
### Add a GitHub badge
137137

@@ -169,4 +169,4 @@ If you want to try out something new while still keeping your original app runni
169169

170170
### Finding app code
171171

172-
Every deployed app has its GitHub source code linked in the "" menu on the top right. So if you are looking to understand the code of another Streamlit app, you can navigate to the GitHub page from there and read or fork the app.
172+
Every deployed app has its GitHub source code linked in the "" menu on the top right. So if you are looking to understand the code of another Streamlit app, you can navigate to the GitHub page from there and read or fork the app.

0 commit comments

Comments
 (0)