sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-05-21 01:04:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ee): page verification workflow (#2102)

Browse Source 
* feat: page verification workflow

* feat: refactor page-verification

* sync

* fix type

* fix

* fix

* notification icon

* use full word

* accept .license file

* - update templates
- update migration and notification

* fix copy

* update audit labels

* sync

* add space name
This commit is contained in:
Philip Okugbe
2026-04-13 20:20:34 +01:00
committed by GitHub
parent d6068310b4
commit bd68e47e03
50 changed files with 3828 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/ee/page-verification/components/page-verification-modal.module.css
+278
View File
@@ -0,0 +1,278 @@
.chooser {
display: flex;
flex-direction: column;
gap: 8px;
}
.subhead {
font-size: 12px;
line-height: 1.5;
color: light-dark(
var(--mantine-color-gray-6),
var(--mantine-color-dark-2)
);
margin-bottom: 2px;
max-width: 52ch;
}
.card {
position: relative;
display: block;
width: 100%;
padding: 14px 16px 12px;
border: 1px solid
light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
border-radius: 10px;
background: light-dark(
var(--mantine-color-white),
var(--mantine-color-dark-7)
);
cursor: pointer;
text-align: left;
overflow: hidden;
transition:
border-color 220ms cubic-bezier(0.16, 1, 0.3, 1),
transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1),
background-color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
.card::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(
120% 90% at 100% 0%,
light-dark(rgba(15, 15, 20, 0.035), rgba(255, 255, 255, 0.04)),
transparent 55%
);
opacity: 0;
transition: opacity 260ms cubic-bezier(0.16, 1, 0.3, 1);
pointer-events: none;
}
.card:hover {
border-color: light-dark(
var(--mantine-color-dark-9),
var(--mantine-color-gray-3)
);
transform: translateY(-2px);
box-shadow:
0 1px 0 0
light-dark(
rgba(15, 15, 20, 0.04),
rgba(255, 255, 255, 0.04)
),
0 18px 36px -22px
light-dark(rgba(15, 15, 20, 0.22), rgba(0, 0, 0, 0.6));
}
.card:hover::before {
opacity: 1;
}
.card:focus-visible {
outline: none;
border-color: light-dark(
var(--mantine-color-dark-9),
var(--mantine-color-gray-3)
);
box-shadow: 0 0 0 3px
light-dark(
rgba(15, 15, 20, 0.08),
rgba(255, 255, 255, 0.12)
);
}
.titleRow {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 2px;
}
.iconStamp {
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
background: light-dark(
var(--mantine-color-gray-1),
var(--mantine-color-dark-6)
);
color: light-dark(
var(--mantine-color-dark-7),
var(--mantine-color-gray-2)
);
transition:
background-color 220ms cubic-bezier(0.16, 1, 0.3, 1),
color 220ms cubic-bezier(0.16, 1, 0.3, 1),
transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
flex-shrink: 0;
}
.card:hover .iconStamp {
background: light-dark(
var(--mantine-color-dark-9),
var(--mantine-color-gray-1)
);
color: light-dark(
var(--mantine-color-gray-0),
var(--mantine-color-dark-9)
);
transform: rotate(-4deg);
}
.title {
font-size: 15px;
font-weight: 600;
letter-spacing: -0.01em;
color: light-dark(
var(--mantine-color-dark-9),
var(--mantine-color-gray-0)
);
line-height: 1.25;
margin: 0;
}
.description {
font-size: 12px;
color: light-dark(
var(--mantine-color-gray-7),
var(--mantine-color-dark-1)
);
margin: 0;
line-height: 1.45;
max-width: 52ch;
}
.rule {
height: 1px;
background: light-dark(
var(--mantine-color-gray-2),
var(--mantine-color-dark-5)
);
margin: 10px 0 8px;
}
.meta {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 10px;
}
.metaItem {
display: flex;
align-items: center;
gap: 8px;
font-size: 11.5px;
color: light-dark(
var(--mantine-color-gray-7),
var(--mantine-color-dark-1)
);
line-height: 1.35;
}
.metaIcon {
flex-shrink: 0;
color: light-dark(
var(--mantine-color-gray-5),
var(--mantine-color-dark-2)
);
}
.cardFooter {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 8px;
border-top: 1px dashed
light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-5));
gap: 12px;
}
.bestFor {
font-size: 10.5px;
color: light-dark(
var(--mantine-color-gray-6),
var(--mantine-color-dark-2)
);
font-style: italic;
letter-spacing: 0.005em;
}
.arrow {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
color: light-dark(
var(--mantine-color-gray-5),
var(--mantine-color-dark-2)
);
transition:
transform 260ms cubic-bezier(0.16, 1, 0.3, 1),
color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
.card:hover .arrow {
transform: translateX(4px);
color: light-dark(
var(--mantine-color-dark-9),
var(--mantine-color-gray-0)
);
}
.backButton {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 500;
color: light-dark(
var(--mantine-color-gray-6),
var(--mantine-color-dark-2)
);
background: none;
border: none;
cursor: pointer;
padding: 4px 8px;
margin-left: -8px;
border-radius: 6px;
transition:
color 150ms ease,
background-color 150ms ease;
}
.backButton:hover {
color: light-dark(
var(--mantine-color-dark-9),
var(--mantine-color-gray-0)
);
background: light-dark(
var(--mantine-color-gray-1),
var(--mantine-color-dark-6)
);
}
.configureHeader {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 4px;
}
.configureEyebrow {
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.14em;
color: light-dark(
var(--mantine-color-gray-6),
var(--mantine-color-dark-2)
);
}