Updated recent mentions dashboard widget design

refs https://github.com/TryGhost/Team/issues/2608
This commit is contained in:
Djordje Vlaisavljevic 2023-03-02 14:53:22 +00:00
parent d3f93066d8
commit bb1ea96cdb
2 changed files with 8 additions and 5 deletions

View File

@ -2601,7 +2601,7 @@ Dashboard Mentions */
}
.gh-dashboard-mentions-icon svg path {
color: var(--blackgrey);
stroke: currentColor;
}
.gh-dashboard-mentions-icon svg circle {
@ -2619,12 +2619,15 @@ Dashboard Mentions */
border: none;
}
.gh-dashboard-mentions {
.gh-dashboard-mentions-container {
border-radius: 3px;
box-shadow: var(--box-shadow-m);
}
.gh-dashboard-mentions {
min-width: 300px;
max-width: 400px;
padding: 20px;
border-radius: 3px;
}
.gh-dashboard-mentions-header {
@ -2708,7 +2711,7 @@ Dashboard Mentions */
.gh-dashboard-mention-timestamp {
color: var(--midlightgrey);
font-size: 1.2rem;
font-weight: 500;
font-weight: 400;
padding-left: 28px;
white-space: nowrap;
margin-top: 2px;

View File

@ -22,7 +22,7 @@
</button>
</dropdown.Trigger>
<dropdown.Content class="">
<dropdown.Content class="gh-dashboard-mentions-container">
<div class="gh-dashboard-mentions">
<div class="gh-dashboard-mentions-header">
<h2 class="gh-dashboard-mentions-heading">Mentions</h2>