Skip to content
This repository has been archived by the owner on Jan 11, 2023. It is now read-only.

Column breakpoints UI #7095

Merged
merged 8 commits into from
Oct 25, 2018
Merged

Column breakpoints UI #7095

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
42d106a
Only show column breakpoints in current function
audreyfang Oct 8, 2018
1407b3b
Added icon and dark mode colors
audreyfang Oct 16, 2018
3b68946
Enable column breakpoints UI by default
darkwing Oct 17, 2018
883d476
CSS changes only.
audreyfang Oct 23, 2018
b44ea6e
fix module-manifest
darkwing Oct 25, 2018
25cafd9
Temporarily turn off column breakpoints
darkwing Oct 25, 2018
3c7489f
Fix mod-man
darkwing Oct 25, 2018
98e5265
Turn off pref for columns
darkwing Oct 25, 2018
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
1 change: 1 addition & 0 deletions assets/images/Svg.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ const svg = {
breadcrumb: require("./breadcrumbs-divider.svg"),
breakpoint: require("./breakpoint.svg"),
"column-breakpoint": require("./column-breakpoint.svg"),
"column-marker": require("./column-marker.svg"),
"case-match": require("./case-match.svg"),
choo: require("./choo.svg"),
close: require("./close.svg"),
Expand Down
5 changes: 5 additions & 0 deletions assets/images/column-marker.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 25 additions & 20 deletions src/components/Editor/CallSite.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,47 +3,52 @@
* file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */

.call-site {
background: #f0f9ff;
position: relative;
border-bottom: 2px solid lightgrey;
cursor: pointer;
}

.call-site::before {
content: "";
position: absolute;
width: 100%;
height: calc(100% - 2px);
border-bottom: 2px solid #aed3ef;
mask: url(/images/column-marker.svg) no-repeat 100% 100%;
mask-size: contain;
display: inline-block;
background-color: var(--blue-55);
opacity: 0.5;
width: 9px;
height: 12px;
}

.call-site-bp {
position: relative;
}

.debug-expression.call-site-bp,
.call-site-bp {
background-color: #fce7e7;
border-bottom: 2px solid #aed3ef;
cursor: pointer;
}

.call-site-bp::before {
content: "";
position: absolute;
width: 100%;
height: calc(100% - 2px);
border-bottom: 2px solid red;
mask: url(/images/column-marker.svg) no-repeat 100% 100%;
mask-size: contain;
display: inline-block;
background-color: var(--blue-55);
width: 9px;
height: 12px;
}

.theme-dark .call-site {
background-color: #4b5462;
border-bottom: none;
}

.theme-dark .call-site::before {
border-bottom-color: #5f78a4;
.theme-dark .call-site-bp {
border-bottom: none;
}

.theme-dark .call-site-bp {
background-color: #4b3f3f;
.theme-dark .call-site::before {
background-color: var(--blue-60);
opacity: 1;
}

.theme-dark .call-site-bp::before {
border-bottom-color: #dd4d4d;
background-color: var(--blue-50);
opacity: 0.5;
}