diff --git a/styles/components/issues/issue_conversation.ts b/styles/components/issues/issue_conversation.ts index 5227cef..43bea32 100644 --- a/styles/components/issues/issue_conversation.ts +++ b/styles/components/issues/issue_conversation.ts @@ -134,6 +134,24 @@ export default css` gap: 4px; padding: 0; } + /* A reviewer's row: the name, then small muted actions and the review state. */ + & .assignees .item .sidebar-item-link { + font-weight: 600; + } + & .assignees .item :is(.show-modal, .re-request-review) { + display: grid; + place-items: center; + width: 16px; + height: 16px; + color: ${themeVars.color.text.light.num1}; + &:hover { + color: ${themeVars.github.fgColor.accent}; + } + } + & .assignees .item svg { + width: 16px; + height: 16px; + } & .watching .ui.button { height: 28px; padding: 3px 8px; diff --git a/styles/components/issues/pull_review.ts b/styles/components/issues/pull_review.ts index c973456..9e2b250 100644 --- a/styles/components/issues/pull_review.ts +++ b/styles/components/issues/pull_review.ts @@ -54,8 +54,14 @@ export default css` margin-left: auto; margin-right: auto; } + /* The same header box on every tab, so switching tabs does not move the page. */ & .issue-title-header { margin-bottom: 16px; + padding: 0; + } + & .issue-title { + align-items: flex-start; + gap: 16px; } & .issue-title h1 { font-size: 32px; diff --git a/styles/public/transition.ts b/styles/public/transition.ts index b4dd4f2..5eda4d5 100644 --- a/styles/public/transition.ts +++ b/styles/public/transition.ts @@ -93,6 +93,11 @@ const transition = css` &.dropdown { z-index: 1; } + /* A transformed button becomes the positioning parent of its own menu, so the menu + opened under the button and jumped once the press transition ended. */ + &.dropdown:active { + transform: none; + } .button:active { transform: none; }