Skip to content

Commit

Permalink
Button context menu style improvements (#96)
Browse files Browse the repository at this point in the history
  • Loading branch information
filiptronicek authored Oct 2, 2023
1 parent ca6777d commit 75d61c4
Showing 1 changed file with 12 additions and 5 deletions.
17 changes: 12 additions & 5 deletions src/button/button.css
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@

--dropdown-bg-color: #fff;
--dropdown-hover-bg-color: #f6f8fa;
--dropdown-border-with: var(--border-width);
--dropdown-border-width: var(--border-width);
--dropdown-border-radius: var(--border-radius);
--dropdown-border-color: rgba(31, 35, 40, 0.15);
--dropdown-box-shadow: 5px 5px 10px 0px rgba(140, 149, 159, 0.2);
Expand Down Expand Up @@ -136,7 +136,7 @@
flex-direction: column;
padding: 6px 0;
background-color: var(--dropdown-bg-color);
border-width: var(--dropdown-border-with);
border-width: var(--dropdown-border-width);
border-radius: var(--dropdown-border-radius);
border-style: solid;
border-color: var(--dropdown-border-color);
Expand All @@ -163,10 +163,12 @@
border: none !important;
color: var(--dropdown-color) !important;
background-color: var(--dropdown-bg-color) !important;
min-width: 160px;
}

.drop-down-action {
cursor: pointer;
font-weight: 400;
}

.drop-down-action:hover {
Expand Down Expand Up @@ -195,10 +197,15 @@
--dropdown-bg-color: var(--overlay-bgColor, var(--color-canvas-overlay));
--dropdown-hover-bg-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle));
--dropdown-border-radius: 6px;
--dropdown-border-width: 1px;
--dropdown-border-color: var(--borderColor-default, var(--color-border-default));
--dropdown-box-shadow: var(--shadow-floating-large, var(--color-shadow-large));
}

.github .chevron-icon {
padding: 3px;
}

.github.medium {
--line-height: 1.5;
--primary-height: var(--control-medium-size, 2rem);
Expand Down Expand Up @@ -227,7 +234,7 @@
--dropdown-color: #333238;
--dropdown-bg-color: #fff;
--dropdown-hover-bg-color: #ececef;
--dropdown-border-with: 1px;
--dropdown-border-width: 1px;
--dropdown-border-radius: 0.25rem;
--dropdown-border-color: #dcdcde;
--dropdown-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
Expand Down Expand Up @@ -261,7 +268,7 @@
--dropdown-color: #172B4D;
--dropdown-bg-color: var(--aui-body-background);
--dropdown-hover-bg-color: #EBECF0;
--dropdown-border-with: var(--aui-inline-dialog-border-width);
--dropdown-border-width: var(--aui-inline-dialog-border-width);
--dropdown-border-radius: 3px;
--dropdown-border-color: var(--aui-inline-dialog-border-color);
--dropdown-box-shadow: 0 4px 8px -2px var(--aui-shadow2),0 0 1px var(--aui-shadow2);
Expand Down Expand Up @@ -289,7 +296,7 @@
--dropdown-color: #172B4D;
--dropdown-bg-color: var(--ds-surface-overlay, #FFFFFF);
--dropdown-hover-bg-color: #EBECF0;
--dropdown-border-with: 0;
--dropdown-border-width: 0;
--dropdown-border-radius: var(--ds-border-radius, 3px);
--dropdown-border-color: 0;
--dropdown-box-shadow: var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31));
Expand Down

0 comments on commit 75d61c4

Please sign in to comment.