diff --git a/app/assets/stylesheets/views/article.scss b/app/assets/stylesheets/views/article.scss index abf42f067..e05d10b8c 100644 --- a/app/assets/stylesheets/views/article.scss +++ b/app/assets/stylesheets/views/article.scss @@ -117,7 +117,7 @@ @media (min-width: $breakpoint-m) { display: grid; - gap: var(--su-6); + gap: var(--su-4); justify-content: stretch; } } @@ -155,11 +155,14 @@ &__count { color: var(--base-70); font-size: var(--fs-s); - display: block; - min-width: var(--su-7); + display: inline-flex; + margin-left: var(--su-1); + min-width: var(--su-6); @media (min-width: $breakpoint-m) { min-width: auto; + margin-left: 0; + display: block; } } diff --git a/app/assets/stylesheets/views/mod-actions.scss b/app/assets/stylesheets/views/mod-actions.scss index 85cd9dbb6..49d8002a6 100644 --- a/app/assets/stylesheets/views/mod-actions.scss +++ b/app/assets/stylesheets/views/mod-actions.scss @@ -4,9 +4,9 @@ .mod-actions-menu { position: fixed; - top: var(--header-height); + top: 0; right: 0; - height: calc(100vh - var(--header-height)); + height: 100vh; z-index: var(--z-drawer); transform: translateX(360px); transition: var(--transition-props); diff --git a/app/javascript/actionsPanel/__tests__/actionsPanel.test.js b/app/javascript/actionsPanel/__tests__/actionsPanel.test.js index af9d72988..3a55ce484 100644 --- a/app/javascript/actionsPanel/__tests__/actionsPanel.test.js +++ b/app/javascript/actionsPanel/__tests__/actionsPanel.test.js @@ -16,7 +16,7 @@ describe('addCloseListener()', () => {
- @@ -29,11 +29,7 @@ describe('addCloseListener()', () => { closeButton.click(); // eslint-disable-next-line no-restricted-globals const modPanel = top.document.getElementsByClassName('mod-actions-menu')[0]; - const modPanelBtn = top.document.getElementsByClassName( - 'mod-actions-menu-btn', - )[0]; expect(modPanel.classList).not.toContain('showing'); - expect(modPanelBtn.classList).not.toContain('hidden'); }); }); diff --git a/app/javascript/actionsPanel/__tests__/initializeActionsPanelToggle.test.js b/app/javascript/actionsPanel/__tests__/initializeActionsPanelToggle.test.js index cbab5cd15..ba059bd7b 100644 --- a/app/javascript/actionsPanel/__tests__/initializeActionsPanelToggle.test.js +++ b/app/javascript/actionsPanel/__tests__/initializeActionsPanelToggle.test.js @@ -31,9 +31,8 @@ describe('toggling the actions panel', () => { `