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

perf(ui): Improve dark theme #140

Merged
merged 12 commits into from
May 11, 2024
Merged

perf(ui): Improve dark theme #140

Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
591b623
perf(ui): menu supports dark
May 10, 2024
d4b4d57
perf(ui): dialog supports dark
May 10, 2024
b3a097c
perf(ui): menu icon of EnvironmentModal supports dark
May 10, 2024
7b394b9
perf(ui): alert confirm prompt supports dark
May 10, 2024
704a3dc
perf(ui): tip text of SidebarSettingsModal supports dark
May 10, 2024
86d49fb
perf(ui): improve the dark and light theme adaptation of the input an…
May 10, 2024
e2d98f4
perf(ui): improve menu icon of EnvironmentModal
May 11, 2024
3fdc487
perf(ui): revoke some style for EnvironmentModal
May 11, 2024
56b670e
perf(ui): improve input styles to be consistent with previous ones
May 11, 2024
d4107e3
perf(ui): the ContextMenu retains its previous style in light mode
May 11, 2024
ef19d60
perf(ui): improve footer backupground color of dialog
May 11, 2024
45a7fed
Merge branch 'main' into perf/dark-theme
flawiddsouza May 11, 2024
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
Prev Previous commit
Next Next commit
perf(ui): menu icon of EnvironmentModal supports dark
  • Loading branch information
mfz committed May 10, 2024
commit b3a097c790e7c70d8119371c724c2a82581be30e
10 changes: 8 additions & 2 deletions packages/ui/src/components/modals/EnvironmentModal.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,11 +17,13 @@
<div v-for="environment in environments" class="environment-sidebar-item" :class="{ 'environment-sidebar-item-active': environment.name === currentEnvironment }" @click="changeEnvironment(environment)" :ref="'environment-' + environment.name">
<div>{{ environment.name }}</div>
<div class="environment-sidebar-item-menu" :class="{ 'environment-sidebar-item-menu-disable-hide': environment.name === clickedContextMenuEnvironment.name && showEnvironmentContextMenuPopup === true }" @click.stop="showEnvironmentContextMenu($event, environment)">
<svg viewBox="0 0 24 24" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;">
<!-- Make this icon display a dark color -->
<!-- <svg viewBox="0 0 24 24" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;">
<g>
<path d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"></path>
</g>
</svg>
</svg> -->
<i class="fa fa-ellipsis-v"></i>
</div>
</div>
</div>
Expand Down Expand Up @@ -532,6 +534,10 @@ export default {
visibility: hidden;
border-radius: 10px;
height: 1.4rem;
width: 1.4rem;
display: flex;
justify-content: center;
align-items: center;
}

.environment-sidebar-item:hover > .environment-sidebar-item-menu,
Expand Down