mirror of
https://github.com/anyproto/anytype-ts.git
synced 2025-06-08 05:57:02 +09:00
merge
This commit is contained in:
Andrew Simachev
commit
061792c700
218 changed files with 2078 additions and 1524 deletions
3
dist/lib/.gitignore
vendored
3
dist/lib/.gitignore
vendored
|
|
@ -1,3 +1,4 @@
|
|||
pb
|
||||
pkg
|
||||
protos
|
||||
protos
|
||||
*.js
|
||||
4
dist/workers/graph.js
vendored
4
dist/workers/graph.js
vendored
|
|
@ -281,7 +281,9 @@ updateSettings = (param) => {
|
|||
};
|
||||
};
|
||||
|
||||
updateTheme = ({ theme }) => {
|
||||
updateTheme = ({ theme, colors }) => {
|
||||
data.colors = colors;
|
||||
|
||||
initTheme(theme);
|
||||
redraw();
|
||||
};
|
||||
|
|
|
|||
|
|
@ -274,14 +274,6 @@ class MenuManager {
|
|||
}
|
||||
},
|
||||
|
||||
{
|
||||
label: 'Test crypto payments', type: 'checkbox', checked: config.testCryptoPayment,
|
||||
click: () => {
|
||||
Api.setConfig(this.win, { testCryptoPayment: !config.testCryptoPayment });
|
||||
this.win.reload();
|
||||
}
|
||||
},
|
||||
|
||||
Separator,
|
||||
|
||||
{ label: 'Export templates', click: () => Util.send(this.win, 'commandGlobal', 'exportTemplates') },
|
||||
|
|
@ -369,33 +361,20 @@ class MenuManager {
|
|||
|
||||
return [
|
||||
{
|
||||
label: Util.translate('electronMenuShowTray'), type: 'checkbox', checked: !config.hideTray, click: () => {
|
||||
Api.setConfig(this.win, { hideTray: !config.hideTray });
|
||||
this.initTray();
|
||||
}
|
||||
label: Util.translate('electronMenuAccountSettings'), click: () => {
|
||||
this.winShow();
|
||||
this.openSettings('');
|
||||
}
|
||||
},
|
||||
|
||||
(is.windows || is.linux) ? {
|
||||
label: Util.translate('electronMenuShowMenu'), type: 'checkbox', checked: !config.hideMenuBar, click: () => {
|
||||
Api.setMenuBarVisibility(this.win, !config.hideMenuBar);
|
||||
this.initTray();
|
||||
}
|
||||
} : null,
|
||||
|
||||
Separator,
|
||||
|
||||
{
|
||||
label: Util.translate('electronMenuSpaceSettings'), click: () => {
|
||||
this.winShow();
|
||||
this.openSettings('spaceIndex', { data: { isSpace: true }, className: 'isSpace' });
|
||||
}
|
||||
},
|
||||
{
|
||||
label: Util.translate('electronMenuAccountSettings'), click: () => {
|
||||
this.winShow();
|
||||
this.openSettings('');
|
||||
}
|
||||
},
|
||||
|
||||
Separator,
|
||||
|
||||
{
|
||||
label: Util.translate('electronMenuImport'), click: () => {
|
||||
this.winShow();
|
||||
|
|
@ -413,6 +392,22 @@ class MenuManager {
|
|||
|
||||
Separator,
|
||||
|
||||
{
|
||||
label: Util.translate('electronMenuShowTray'), type: 'checkbox', checked: !config.hideTray, click: () => {
|
||||
Api.setConfig(this.win, { hideTray: !config.hideTray });
|
||||
this.initTray();
|
||||
}
|
||||
},
|
||||
|
||||
(is.windows || is.linux) ? {
|
||||
label: Util.translate('electronMenuShowMenu'), type: 'checkbox', checked: !config.hideMenuBar, click: () => {
|
||||
Api.setMenuBarVisibility(this.win, !config.hideMenuBar);
|
||||
this.initTray();
|
||||
}
|
||||
} : null,
|
||||
|
||||
Separator,
|
||||
|
||||
{
|
||||
label: Util.translate('commonNewObject'), accelerator: 'CmdOrCtrl+N', click: () => {
|
||||
this.winShow();
|
||||
|
|
|
|||
|
|
@ -97,7 +97,7 @@ class WindowManager {
|
|||
param.frame = false;
|
||||
param.titleBarStyle = 'hidden';
|
||||
param.icon = path.join(Util.imagePath(), 'icon.icns');
|
||||
param.trafficLightPosition = { x: 12, y: 12 };
|
||||
param.trafficLightPosition = { x: 10, y: 12 };
|
||||
} else
|
||||
if (is.windows) {
|
||||
param.icon = path.join(Util.imagePath(), 'icons', '256x256.ico');
|
||||
|
|
|
|||
|
|
@ -90,9 +90,7 @@ const Create = observer(class Create extends React.Component<I.PageComponent, St
|
|||
};
|
||||
|
||||
componentDidMount (): void {
|
||||
U.Data.createSubscriptions(() => {
|
||||
this.init();
|
||||
});
|
||||
U.Data.createAllSubscriptions(() => this.init());
|
||||
};
|
||||
|
||||
componentDidUpdate (): void {
|
||||
|
|
@ -177,7 +175,7 @@ const Create = observer(class Create extends React.Component<I.PageComponent, St
|
|||
|
||||
onSpaceChange (id: string): void {
|
||||
S.Common.spaceSet(id);
|
||||
U.Data.createSubscriptions();
|
||||
U.Data.createAllSubscriptions();
|
||||
};
|
||||
|
||||
getWrapperWidth () {
|
||||
|
|
|
|||
|
|
@ -165,7 +165,7 @@ const Create = observer(class Create extends React.Component<I.PageComponent, St
|
|||
};
|
||||
|
||||
componentDidMount(): void {
|
||||
U.Data.createSubscriptions(() => {
|
||||
U.Data.createAllSubscriptions(() => {
|
||||
this.initSpace();
|
||||
this.initName();
|
||||
this.initType();
|
||||
|
|
@ -264,7 +264,7 @@ const Create = observer(class Create extends React.Component<I.PageComponent, St
|
|||
|
||||
onSpaceChange (id: string): void {
|
||||
S.Common.spaceSet(id);
|
||||
U.Data.createSubscriptions(() => this.forceUpdate());
|
||||
U.Data.createAllSubscriptions(() => this.forceUpdate());
|
||||
|
||||
Storage.set('lastSpaceId', id);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
0.35.0-rc2
|
||||
0.35.0-rc7
|
||||
4
package-lock.json
generated
4
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "anytype",
|
||||
"version": "0.41.16-alpha",
|
||||
"version": "0.41.26-alpha",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "anytype",
|
||||
"version": "0.41.16-alpha",
|
||||
"version": "0.41.26-alpha",
|
||||
"hasInstallScript": true,
|
||||
"license": "SEE LICENSE IN LICENSE.md",
|
||||
"dependencies": {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "anytype",
|
||||
"version": "0.41.16-alpha",
|
||||
"version": "0.41.26-alpha",
|
||||
"description": "Anytype",
|
||||
"main": "electron.js",
|
||||
"scripts": {
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#3e58eb"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#252525"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#b6b6b6"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#2aa7ee"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#5dd400"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#ffb522"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#e51ca0"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#ab50cc"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#f55522"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#0fc8ba"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#ecd91b"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="4" cy="4" r="4" fill="#F55522"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 143 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="4" cy="4" r="4" fill="#B6B6B6"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 148 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="4" cy="4" r="4" fill="#5DD400"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 143 B |
|
|
@ -1,4 +0,0 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9 3L2 10L9 17" stroke="#9A9A9A" stroke-width="1.5"/>
|
||||
<path d="M18 3L11 10L18 17" stroke="#9A9A9A" stroke-width="1.5"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 231 B |
|
|
@ -1,4 +1,6 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="48" height="48" rx="2" fill="#2B2B2B"/>
|
||||
<path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M24.5704 24.0005L33.5979 14.973C34.6621 16.285 34.9255 18.3402 34.2575 20.8301C33.5683 23.3991 31.9161 26.2737 29.4227 28.8528L24.5704 24.0005ZM35.3723 17.3083C38.2873 22.2547 37.6994 28.6946 33.6085 33.0386L29.9939 29.424C33.8297 25.4606 35.7999 20.7607 35.3723 17.3083ZM33.7801 13.9831L33.6128 13.8159L33.6095 13.8192C28.2206 8.72703 19.7782 8.72717 14.3895 13.8196L14.3855 13.8156L14.1005 14.1006L13.8144 14.3867L13.8184 14.3908C8.72713 19.7795 8.72738 28.221 13.8192 33.6095L13.8144 33.6143L14.1003 33.9001L14.3856 34.1854L14.3903 34.1806C19.7788 39.2721 28.22 39.2722 33.6087 34.181L33.6128 34.1851L33.8989 33.8989L34.1839 33.614L34.1799 33.61C39.2722 28.2213 39.2724 19.7792 34.1806 14.3903L34.1839 14.387L34.0164 14.2194C33.9775 14.1796 33.9383 14.14 33.8989 14.1006C33.8595 14.0611 33.8199 14.022 33.7801 13.9831ZM33.0374 33.6097L29.4228 29.9951C25.4612 33.8293 20.7637 35.7995 17.3116 35.3743C22.2571 38.2868 28.6944 37.6986 33.0374 33.6097ZM12.6262 30.6895C12.2005 27.2374 14.1708 22.5394 18.0053 18.5776L14.3898 14.9621C10.3004 19.3056 9.71251 25.7438 12.6262 30.6895ZM14.9609 14.391L18.5764 18.0065C22.54 14.1704 27.2403 12.2001 30.6928 12.6282C25.7462 9.71202 19.3053 10.2996 14.9609 14.391ZM23.9993 24.5716L28.8516 29.4239C26.2725 31.9174 23.3978 33.5697 20.8287 34.2589C18.3388 34.927 16.2835 34.6635 14.9715 33.5994L23.9993 24.5716ZM23.4282 24.0005L14.4005 33.0282C13.3368 31.7162 13.0735 29.6612 13.7414 27.1716C14.4307 24.6026 16.083 21.7279 18.5765 19.1488L23.4282 24.0005ZM23.9993 23.4294L19.1476 18.5777C21.7266 16.0843 24.6012 14.4321 27.1702 13.7428C29.6598 13.0749 31.7148 13.3382 33.0268 14.4019L23.9993 23.4294Z" fill="white"/>
|
||||
</svg>
|
||||
<circle cx="24.0002" cy="24" r="13.25" transform="rotate(-45 24.0002 24)" stroke="#252525" stroke-width="1.5"/>
|
||||
<path d="M33.1042 14.3657C34.3939 15.6554 34.7455 17.8462 34.0115 20.5376C33.2839 23.2053 31.5201 26.2029 28.8616 28.8614C26.2031 31.5199 23.2055 33.2837 20.5377 34.0113C17.8464 34.7453 15.6555 34.3937 14.3659 33.1041C13.0762 31.8144 12.7246 29.6236 13.4586 26.9322C14.1862 24.2645 15.9501 21.2669 18.6085 18.6084C21.267 15.9499 24.2646 14.186 26.9324 13.4585C29.6238 12.7245 31.8146 13.0761 33.1042 14.3657Z" stroke="#252525" stroke-width="1.5"/>
|
||||
<rect x="13.8354" y="32.5732" width="26" height="1.5" transform="rotate(-45 13.8354 32.5732)" fill="#252525"/>
|
||||
<rect x="32.2202" y="33.6348" width="26" height="1.5" transform="rotate(-135 32.2202 33.6348)" fill="#252525"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 886 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 2C9.58579 2 9.25 2.33579 9.25 2.75V9.25H2.75C2.33579 9.25 2 9.58579 2 10C2 10.4142 2.33579 10.75 2.75 10.75H9.25V17.25C9.25 17.6642 9.58579 18 10 18C10.4142 18 10.75 17.6642 10.75 17.25V10.75H17.25C17.6642 10.75 18 10.4142 18 10C18 9.58579 17.6642 9.25 17.25 9.25H10.75V2.75C10.75 2.33579 10.4142 2 10 2Z" fill="white"/>
|
||||
</svg>
|
||||
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 16C24.0858 16 23.75 16.3358 23.75 16.75V23.25H17.25C16.8358 23.25 16.5 23.5858 16.5 24C16.5 24.4142 16.8358 24.75 17.25 24.75H23.75V31.25C23.75 31.6642 24.0858 32 24.5 32C24.9142 32 25.25 31.6642 25.25 31.25V24.75H31.75C32.1642 24.75 32.5 24.4142 32.5 24C32.5 23.5858 32.1642 23.25 31.75 23.25H25.25V16.75C25.25 16.3358 24.9142 16 24.5 16Z" fill="#252525"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 477 B After Width: | Height: | Size: 515 B |
|
|
@ -1,15 +1,15 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5ZM10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17Z" fill="#9A9A9A"/>
|
||||
<path d="M9.25 1.75C9.25 1.33579 9.58579 1 10 1C10.4142 1 10.75 1.33579 10.75 1.75V10.11C10.75 10.5242 10.4142 10.86 10 10.86C9.58579 10.86 9.25 10.5242 9.25 10.11V1.75Z" fill="#9A9A9A"/>
|
||||
<path d="M9.25 16.75C9.25 16.3358 9.58579 16 10 16C10.4142 16 10.75 16.3358 10.75 16.75V18.25C10.75 18.6642 10.4142 19 10 19C9.58579 19 9.25 18.6642 9.25 18.25V16.75Z" fill="#9A9A9A"/>
|
||||
<path d="M5.22559 3.23057C5.01848 2.87185 5.14139 2.41316 5.5001 2.20605C5.85882 1.99895 6.31752 2.12185 6.52462 2.48057L7.27462 3.77961C7.48173 4.13833 7.35882 4.59702 7.0001 4.80413C6.64139 5.01124 6.18269 4.88833 5.97559 4.52961L5.22559 3.23057Z" fill="#9A9A9A"/>
|
||||
<path d="M12.7256 16.2208C12.5185 15.8621 12.6414 15.4034 13.0001 15.1963C13.3588 14.9892 13.8175 15.1121 14.0246 15.4708L14.7746 16.7698C14.9817 17.1286 14.8588 17.5873 14.5001 17.7944C14.1414 18.0015 13.6827 17.8786 13.4756 17.5198L12.7256 16.2208Z" fill="#9A9A9A"/>
|
||||
<path d="M2.48057 6.52441C2.12185 6.31731 1.99895 5.85861 2.20605 5.4999C2.41316 5.14118 2.87185 5.01827 3.23057 5.22538L4.52961 5.97538C4.88833 6.18248 5.01124 6.64118 4.80413 6.9999C4.59702 7.35861 4.13833 7.48152 3.77961 7.27441L2.48057 6.52441Z" fill="#9A9A9A"/>
|
||||
<path d="M9.53135 10.5947C9.17264 10.3876 9.04973 9.92893 9.25684 9.57021C9.46394 9.21149 9.92264 9.08858 10.2814 9.29569L17.5198 13.4748C17.8785 13.6819 18.0014 14.1406 17.7943 14.4993C17.5872 14.858 17.1285 14.9809 16.7698 14.7738L9.53135 10.5947Z" fill="#9A9A9A"/>
|
||||
<path d="M1.75 10.75C1.33579 10.75 1 10.4142 1 10C1 9.58579 1.33579 9.25 1.75 9.25H3.25C3.66421 9.25 4 9.58579 4 10C4 10.4142 3.66421 10.75 3.25 10.75H1.75Z" fill="#9A9A9A"/>
|
||||
<path d="M16.75 10.75C16.3358 10.75 16 10.4142 16 10C16 9.58579 16.3358 9.25 16.75 9.25H18.25C18.6642 9.25 19 9.58579 19 10C19 10.4142 18.6642 10.75 18.25 10.75H16.75Z" fill="#9A9A9A"/>
|
||||
<path d="M3.23057 14.7744C2.87186 14.9815 2.41316 14.8586 2.20605 14.4999C1.99895 14.1412 2.12185 13.6825 2.48057 13.4754L9.72054 9.29538C10.0793 9.08827 10.538 9.21118 10.7451 9.5699C10.9522 9.92861 10.8293 10.3873 10.4705 10.5944L3.23057 14.7744Z" fill="#9A9A9A"/>
|
||||
<path d="M16.2208 7.27441C15.8621 7.48152 15.4034 7.35861 15.1963 6.9999C14.9892 6.64118 15.1121 6.18248 15.4708 5.97538L16.7698 5.22538C17.1286 5.01827 17.5873 5.14118 17.7944 5.4999C18.0015 5.85861 17.8786 6.31731 17.5198 6.52441L16.2208 7.27441Z" fill="#9A9A9A"/>
|
||||
<path d="M6.52441 17.5204C6.31731 17.8791 5.85861 18.002 5.4999 17.7949C5.14118 17.5878 5.01827 17.1291 5.22538 16.7704L5.97538 15.4714C6.18248 15.1126 6.64118 14.9897 6.9999 15.1968C7.35861 15.404 7.48152 15.8626 7.27441 16.2214L6.52441 17.5204Z" fill="#9A9A9A"/>
|
||||
<path d="M14.0244 4.53017C13.8173 4.88889 13.3586 5.01179 12.9999 4.80469C12.6412 4.59758 12.5183 4.13889 12.7254 3.78017L13.4754 2.48113C13.6825 2.12241 14.1412 1.9995 14.4999 2.20661C14.8586 2.41372 14.9815 2.87241 14.7744 3.23113L14.0244 4.53017Z" fill="#9A9A9A"/>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 29.5C27.0376 29.5 29.5 27.0376 29.5 24C29.5 20.9624 27.0376 18.5 24 18.5C20.9624 18.5 18.5 20.9624 18.5 24C18.5 27.0376 20.9624 29.5 24 29.5ZM24 31C27.866 31 31 27.866 31 24C31 20.134 27.866 17 24 17C20.134 17 17 20.134 17 24C17 27.866 20.134 31 24 31Z" fill="#252525"/>
|
||||
<path d="M23.25 15.75C23.25 15.3358 23.5858 15 24 15C24.4142 15 24.75 15.3358 24.75 15.75V24.11C24.75 24.5242 24.4142 24.86 24 24.86C23.5858 24.86 23.25 24.5242 23.25 24.11V15.75Z" fill="#252525"/>
|
||||
<path d="M23.25 30.75C23.25 30.3358 23.5858 30 24 30C24.4142 30 24.75 30.3358 24.75 30.75V32.25C24.75 32.6642 24.4142 33 24 33C23.5858 33 23.25 32.6642 23.25 32.25V30.75Z" fill="#252525"/>
|
||||
<path d="M19.2256 17.2306C19.0185 16.8719 19.1414 16.4132 19.5001 16.2061C19.8588 15.9989 20.3175 16.1219 20.5246 16.4806L21.2746 17.7796C21.4817 18.1383 21.3588 18.597 21.0001 18.8041C20.6414 19.0112 20.1827 18.8883 19.9756 18.5296L19.2256 17.2306Z" fill="#252525"/>
|
||||
<path d="M26.7256 30.2208C26.5185 29.8621 26.6414 29.4034 27.0001 29.1963C27.3588 28.9892 27.8175 29.1121 28.0246 29.4708L28.7746 30.7698C28.9817 31.1286 28.8588 31.5873 28.5001 31.7944C28.1414 32.0015 27.6827 31.8786 27.4756 31.5198L26.7256 30.2208Z" fill="#252525"/>
|
||||
<path d="M16.4806 20.5244C16.1219 20.3173 15.9989 19.8586 16.2061 19.4999C16.4132 19.1412 16.8719 19.0183 17.2306 19.2254L18.5296 19.9754C18.8883 20.1825 19.0112 20.6412 18.8041 20.9999C18.597 21.3586 18.1383 21.4815 17.7796 21.2744L16.4806 20.5244Z" fill="#252525"/>
|
||||
<path d="M23.5314 24.5947C23.1726 24.3876 23.0497 23.9289 23.2568 23.5702C23.4639 23.2115 23.9226 23.0886 24.2814 23.2957L31.5198 27.4748C31.8785 27.6819 32.0014 28.1406 31.7943 28.4993C31.5872 28.858 31.1285 28.9809 30.7698 28.7738L23.5314 24.5947Z" fill="#252525"/>
|
||||
<path d="M15.75 24.75C15.3358 24.75 15 24.4142 15 24C15 23.5858 15.3358 23.25 15.75 23.25H17.25C17.6642 23.25 18 23.5858 18 24C18 24.4142 17.6642 24.75 17.25 24.75H15.75Z" fill="#252525"/>
|
||||
<path d="M30.75 24.75C30.3358 24.75 30 24.4142 30 24C30 23.5858 30.3358 23.25 30.75 23.25H32.25C32.6642 23.25 33 23.5858 33 24C33 24.4142 32.6642 24.75 32.25 24.75H30.75Z" fill="#252525"/>
|
||||
<path d="M17.2306 28.7744C16.8719 28.9815 16.4132 28.8586 16.2061 28.4999C15.9989 28.1412 16.1219 27.6825 16.4806 27.4754L23.7205 23.2954C24.0793 23.0883 24.538 23.2112 24.7451 23.5699C24.9522 23.9286 24.8293 24.3873 24.4705 24.5944L17.2306 28.7744Z" fill="#252525"/>
|
||||
<path d="M30.2208 21.2744C29.8621 21.4815 29.4034 21.3586 29.1963 20.9999C28.9892 20.6412 29.1121 20.1825 29.4708 19.9754L30.7698 19.2254C31.1286 19.0183 31.5873 19.1412 31.7944 19.4999C32.0015 19.8586 31.8786 20.3173 31.5198 20.5244L30.2208 21.2744Z" fill="#252525"/>
|
||||
<path d="M20.5244 31.5204C20.3173 31.8791 19.8586 32.002 19.4999 31.7949C19.1412 31.5878 19.0183 31.1291 19.2254 30.7704L19.9754 29.4714C20.1825 29.1126 20.6412 28.9897 20.9999 29.1968C21.3586 29.404 21.4815 29.8626 21.2744 30.2214L20.5244 31.5204Z" fill="#252525"/>
|
||||
<path d="M28.0244 18.5302C27.8173 18.8889 27.3586 19.0118 26.9999 18.8047C26.6412 18.5976 26.5183 18.1389 26.7254 17.7802L27.4754 16.4811C27.6825 16.1224 28.1412 15.9995 28.4999 16.2066C28.8586 16.4137 28.9815 16.8724 28.7744 17.2311L28.0244 18.5302Z" fill="#252525"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.3 KiB |
|
|
@ -1,6 +0,0 @@
|
|||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.9">
|
||||
<rect width="10" height="10" rx="5" fill="#252525" fill-opacity="0.6"/>
|
||||
<path d="M7.58361 6.91789L6.81523 6.92291L6.81523 3.73892L2.69211 7.86204L2.13969 7.30961L6.2628 3.18649L3.08384 3.19152V2.41812L7.58361 2.41812L7.58361 6.91789Z" fill="white"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 375 B |
|
|
@ -1,8 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.0293 16.875V22.875" stroke="white" stroke-width="1.5"/>
|
||||
<path d="M12.0293 0.875V6.875" stroke="white" stroke-width="1.5"/>
|
||||
<path d="M16.3594 14.375L21.5555 17.375" stroke="white" stroke-width="1.5"/>
|
||||
<path d="M2.50293 6.375L7.69908 9.375" stroke="white" stroke-width="1.5"/>
|
||||
<path d="M16.3594 9.375L21.5555 6.375" stroke="white" stroke-width="1.5"/>
|
||||
<path d="M2.50293 17.375L7.69908 14.375" stroke="white" stroke-width="1.5"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 542 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.75 2.75L4 6L7.25 2.75" stroke="#D4D4D4" stroke-width="1.25" stroke-linecap="round"/>
|
||||
<path d="M0.75 2.75L4 6L7.25 2.75" stroke="#171717" stroke-width="1.25" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 195 B After Width: | Height: | Size: 195 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 14.9844C13.6569 14.9844 15 13.6412 15 11.9844C15 10.3275 13.6569 8.98438 12 8.98438C10.3431 8.98438 9 10.3275 9 11.9844C9 13.6412 10.3431 14.9844 12 14.9844Z" fill="#dfddd3"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 291 B |
6
src/img/theme/dark/icon/vault/gallery.svg
Normal file
6
src/img/theme/dark/icon/vault/gallery.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="24.0002" cy="24" r="13.25" transform="rotate(-45 24.0002 24)" stroke="#EBEBEB" stroke-width="1.5"/>
|
||||
<path d="M33.1042 14.3657C34.3939 15.6554 34.7455 17.8462 34.0115 20.5376C33.2839 23.2053 31.5201 26.2029 28.8616 28.8614C26.2031 31.5199 23.2055 33.2837 20.5377 34.0113C17.8464 34.7453 15.6555 34.3937 14.3659 33.1041C13.0762 31.8144 12.7246 29.6236 13.4586 26.9322C14.1862 24.2645 15.9501 21.2669 18.6085 18.6084C21.267 15.9499 24.2646 14.186 26.9324 13.4585C29.6238 12.7245 31.8146 13.0761 33.1042 14.3657Z" stroke="#EBEBEB" stroke-width="1.5"/>
|
||||
<rect x="13.8354" y="32.5732" width="26" height="1.5" transform="rotate(-45 13.8354 32.5732)" fill="#EBEBEB"/>
|
||||
<rect x="32.2202" y="33.6348" width="26" height="1.5" transform="rotate(-135 32.2202 33.6348)" fill="#EBEBEB"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 886 B |
3
src/img/theme/dark/icon/vault/plus.svg
Normal file
3
src/img/theme/dark/icon/vault/plus.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 16C24.0858 16 23.75 16.3358 23.75 16.75V23.25H17.25C16.8358 23.25 16.5 23.5858 16.5 24C16.5 24.4142 16.8358 24.75 17.25 24.75H23.75V31.25C23.75 31.6642 24.0858 32 24.5 32C24.9142 32 25.25 31.6642 25.25 31.25V24.75H31.75C32.1642 24.75 32.5 24.4142 32.5 24C32.5 23.5858 32.1642 23.25 31.75 23.25H25.25V16.75C25.25 16.3358 24.9142 16 24.5 16Z" fill="#ebebeb"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 515 B |
15
src/img/theme/dark/icon/vault/settings.svg
Normal file
15
src/img/theme/dark/icon/vault/settings.svg
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 29.5C27.0376 29.5 29.5 27.0376 29.5 24C29.5 20.9624 27.0376 18.5 24 18.5C20.9624 18.5 18.5 20.9624 18.5 24C18.5 27.0376 20.9624 29.5 24 29.5ZM24 31C27.866 31 31 27.866 31 24C31 20.134 27.866 17 24 17C20.134 17 17 20.134 17 24C17 27.866 20.134 31 24 31Z" fill="#EBEBEB"/>
|
||||
<path d="M23.25 15.75C23.25 15.3358 23.5858 15 24 15C24.4142 15 24.75 15.3358 24.75 15.75V24.11C24.75 24.5242 24.4142 24.86 24 24.86C23.5858 24.86 23.25 24.5242 23.25 24.11V15.75Z" fill="#EBEBEB"/>
|
||||
<path d="M23.25 30.75C23.25 30.3358 23.5858 30 24 30C24.4142 30 24.75 30.3358 24.75 30.75V32.25C24.75 32.6642 24.4142 33 24 33C23.5858 33 23.25 32.6642 23.25 32.25V30.75Z" fill="#EBEBEB"/>
|
||||
<path d="M19.2256 17.2306C19.0185 16.8719 19.1414 16.4132 19.5001 16.2061C19.8588 15.9989 20.3175 16.1219 20.5246 16.4806L21.2746 17.7796C21.4817 18.1383 21.3588 18.597 21.0001 18.8041C20.6414 19.0112 20.1827 18.8883 19.9756 18.5296L19.2256 17.2306Z" fill="#EBEBEB"/>
|
||||
<path d="M26.7256 30.2208C26.5185 29.8621 26.6414 29.4034 27.0001 29.1963C27.3588 28.9892 27.8175 29.1121 28.0246 29.4708L28.7746 30.7698C28.9817 31.1286 28.8588 31.5873 28.5001 31.7944C28.1414 32.0015 27.6827 31.8786 27.4756 31.5198L26.7256 30.2208Z" fill="#EBEBEB"/>
|
||||
<path d="M16.4806 20.5244C16.1219 20.3173 15.9989 19.8586 16.2061 19.4999C16.4132 19.1412 16.8719 19.0183 17.2306 19.2254L18.5296 19.9754C18.8883 20.1825 19.0112 20.6412 18.8041 20.9999C18.597 21.3586 18.1383 21.4815 17.7796 21.2744L16.4806 20.5244Z" fill="#EBEBEB"/>
|
||||
<path d="M23.5314 24.5947C23.1726 24.3876 23.0497 23.9289 23.2568 23.5702C23.4639 23.2115 23.9226 23.0886 24.2814 23.2957L31.5198 27.4748C31.8785 27.6819 32.0014 28.1406 31.7943 28.4993C31.5872 28.858 31.1285 28.9809 30.7698 28.7738L23.5314 24.5947Z" fill="#EBEBEB"/>
|
||||
<path d="M15.75 24.75C15.3358 24.75 15 24.4142 15 24C15 23.5858 15.3358 23.25 15.75 23.25H17.25C17.6642 23.25 18 23.5858 18 24C18 24.4142 17.6642 24.75 17.25 24.75H15.75Z" fill="#EBEBEB"/>
|
||||
<path d="M30.75 24.75C30.3358 24.75 30 24.4142 30 24C30 23.5858 30.3358 23.25 30.75 23.25H32.25C32.6642 23.25 33 23.5858 33 24C33 24.4142 32.6642 24.75 32.25 24.75H30.75Z" fill="#EBEBEB"/>
|
||||
<path d="M17.2306 28.7744C16.8719 28.9815 16.4132 28.8586 16.2061 28.4999C15.9989 28.1412 16.1219 27.6825 16.4806 27.4754L23.7205 23.2954C24.0793 23.0883 24.538 23.2112 24.7451 23.5699C24.9522 23.9286 24.8293 24.3873 24.4705 24.5944L17.2306 28.7744Z" fill="#EBEBEB"/>
|
||||
<path d="M30.2208 21.2744C29.8621 21.4815 29.4034 21.3586 29.1963 20.9999C28.9892 20.6412 29.1121 20.1825 29.4708 19.9754L30.7698 19.2254C31.1286 19.0183 31.5873 19.1412 31.7944 19.4999C32.0015 19.8586 31.8786 20.3173 31.5198 20.5244L30.2208 21.2744Z" fill="#EBEBEB"/>
|
||||
<path d="M20.5244 31.5204C20.3173 31.8791 19.8586 32.002 19.4999 31.7949C19.1412 31.5878 19.0183 31.1291 19.2254 30.7704L19.9754 29.4714C20.1825 29.1126 20.6412 28.9897 20.9999 29.1968C21.3586 29.404 21.4815 29.8626 21.2744 30.2214L20.5244 31.5204Z" fill="#EBEBEB"/>
|
||||
<path d="M28.0244 18.5302C27.8173 18.8889 27.3586 19.0118 26.9999 18.8047C26.6412 18.5976 26.5183 18.1389 26.7254 17.7802L27.4754 16.4811C27.6825 16.1224 28.1412 15.9995 28.4999 16.2066C28.8586 16.4137 28.9815 16.8724 28.7744 17.2311L28.0244 18.5302Z" fill="#EBEBEB"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
|
|
@ -38,7 +38,7 @@ export default {
|
|||
|
||||
default: {
|
||||
interfaceLang: 'en-US',
|
||||
codeLang: 'javascript',
|
||||
codeLang: 'plain',
|
||||
typeKey: 'ot-note',
|
||||
pinTime: 600,
|
||||
},
|
||||
|
|
@ -83,7 +83,6 @@ export default {
|
|||
store: 'store',
|
||||
archive: 'archive',
|
||||
sidebar: 'sidebar',
|
||||
graph: 'graph',
|
||||
space: 'space',
|
||||
files: 'files',
|
||||
participant: 'participant',
|
||||
|
|
|
|||
1
src/json/emoji.json
Normal file
1
src/json/emoji.json
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,10 +1,8 @@
|
|||
import Color from './color';
|
||||
import Constant from './constant';
|
||||
import Emoji from './emoji';
|
||||
import Error from './error';
|
||||
import Extension from './extension';
|
||||
import Key from './key';
|
||||
import Latex from './latex';
|
||||
import Route from './route';
|
||||
import Theme from './theme';
|
||||
import Url from './url';
|
||||
|
|
@ -13,6 +11,9 @@ import Relation from './relation';
|
|||
import Menu from './menu';
|
||||
import Size from './size';
|
||||
|
||||
const Emoji = require('./emoji.json');
|
||||
const Latex = require('./latex.json');
|
||||
|
||||
export {
|
||||
Color,
|
||||
Constant,
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
export default [
|
||||
[
|
||||
{
|
||||
"id": "templates",
|
||||
"name": "Templates",
|
||||
|
|
@ -3929,4 +3929,4 @@ export default [
|
|||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
]
|
||||
|
|
@ -9,8 +9,7 @@ export default {
|
|||
header: 52,
|
||||
|
||||
vault: {
|
||||
collapsed: 76,
|
||||
expanded: 240,
|
||||
width: 72,
|
||||
},
|
||||
|
||||
history: {
|
||||
|
|
|
|||
|
|
@ -167,6 +167,7 @@
|
|||
"pluralReader": "reader|readers",
|
||||
"pluralWriter": "writers|writers",
|
||||
"pluralYear": "year|years",
|
||||
"pluralDevice": "device|devices",
|
||||
|
||||
"electronAboutVersion": "Version:",
|
||||
"electronAboutDescription": "Anytype is a next generation software that breaks down barriers between applications, gives back privacy and data ownership to users.",
|
||||
|
|
@ -598,6 +599,7 @@
|
|||
"blockEmbedLatexEmpty": "Here your equation will be rendered with <span class='icon tex'></span>. Click to edit",
|
||||
"blockEmbedEmpty": "%s embed block is empty. Click to edit.",
|
||||
"blockEmbedSource": "Source",
|
||||
"blockEmbedOffline": "You are not connected to the Internet",
|
||||
|
||||
"blockTableOfContentsAdd": "Add headings to create a table of contents",
|
||||
|
||||
|
|
@ -938,6 +940,7 @@
|
|||
"popupMembershipWriteToAnyteam": "Write to Anyteam",
|
||||
"popupMembershipManageOnMobilePlatform": "Manage available on Mobile platform",
|
||||
"popupMembershipPaidOnOtherPlatform": "You've already acquired Membership plan on another platform, please cancel Membership first.",
|
||||
"popupMembershipPaidByCrypto": "To upgrade your membership using cryptocurrency, please contact Anytype.",
|
||||
|
||||
"popupMembershipWhatsIncluded": "What’s included",
|
||||
|
||||
|
|
@ -1068,7 +1071,8 @@
|
|||
"popupExportFormat": "Export format",
|
||||
"popupExportOk": "Export",
|
||||
|
||||
"popupHelpOlderReleases": "Older releases",
|
||||
"popupHelpPrevious": "Previous",
|
||||
"popupHelpNext": "Next",
|
||||
|
||||
"popupIndexComponentNotFound": "Component %s not found",
|
||||
|
||||
|
|
@ -1514,6 +1518,8 @@
|
|||
|
||||
"menuSyncStatusNetworkMessageE2EE": "End-to-end encrypted",
|
||||
"menuSyncStatusP2PNoDevicesConnected": "No devices connected",
|
||||
"menuSyncStatusP2PDevicesConnected": "%s %s connected",
|
||||
"menuSyncStatusP2PRestricted": "Restricted. Check device settings.",
|
||||
|
||||
"menuSyncStatusInfoNetworkTitle": "Anytype network",
|
||||
"menuSyncStatusInfoNetworkMessageSynced": "End-to-end encrypted",
|
||||
|
|
@ -1523,9 +1529,9 @@
|
|||
"menuSyncStatusInfoNetworkMessageError2": "Incompatible version",
|
||||
"menuSyncStatusInfoNetworkMessageError3": "No access to the space",
|
||||
"menuSyncStatusInfoNetworkMessageErrorUpdateApp": "Update the app",
|
||||
"menuSyncStatusInfoNetworkMessageErrorSeeMembership": "See membership plans",
|
||||
"menuSyncStatusInfoNetworkMessageErrorAddMoreStorage": "Add more storage",
|
||||
|
||||
"menuSyncStatusInfoNetworkMessageOffline": "No internet connection",
|
||||
"menuSyncStatusInfoNetworkMessageOffline": "No connection",
|
||||
|
||||
"menuSyncStatusInfoSelfTitle": "Self Host",
|
||||
"menuSyncStatusInfoSelfMessageSynced": "Synced",
|
||||
|
|
@ -1675,15 +1681,15 @@
|
|||
"survey5Cancel": "No thanks",
|
||||
|
||||
"widget0Name": "Link",
|
||||
"widget0Description": "Compact version of the Object",
|
||||
"widget0Description": "Compact widget view",
|
||||
"widget1Name": "Tree",
|
||||
"widget1Description": "Hierarchical structure of Objects",
|
||||
"widget1Description": "Widget with a hierarchical structure",
|
||||
"widget2Name": "List",
|
||||
"widget2Description": "Widget with a list view of Set Object",
|
||||
"widget2Description": "Widget with a list view",
|
||||
"widget3Name": "Compact list",
|
||||
"widget3Description": "Widget with a list view of Set Object",
|
||||
"widget3Description": "Widget with a compact list view",
|
||||
"widget4Name": "View",
|
||||
"widget4Description": "Widget with a view of the Set Object",
|
||||
"widget4Description": "Widget with a Set or Collection layout",
|
||||
|
||||
"widgetFavorite": "Favorites",
|
||||
"widgetRecent": "Recently edited",
|
||||
|
|
|
|||
|
|
@ -1,87 +1,87 @@
|
|||
export default {
|
||||
"": {
|
||||
'': {
|
||||
|
||||
"graph": {
|
||||
"bg": "#fff",
|
||||
"link": "#dfddd0",
|
||||
"arrow": "#b6b6b6",
|
||||
"node": "#b6b6b6",
|
||||
"text": "#b6b6b6",
|
||||
"highlight": "#ffb522",
|
||||
"selected": "#2aa7ee",
|
||||
"iconBg": "#000"
|
||||
graph: {
|
||||
bg: '#fff',
|
||||
link: '#dfddd0',
|
||||
arrow: '#b6b6b6',
|
||||
node: '#b6b6b6',
|
||||
text: '#b6b6b6',
|
||||
highlight: '#ffb522',
|
||||
selected: '#2aa7ee',
|
||||
iconBg: '#000'
|
||||
},
|
||||
|
||||
"mermaid": {
|
||||
"fontFamily": "Helvetica, Arial, sans-serif",
|
||||
"fontSize": "14px"
|
||||
mermaid: {
|
||||
fontFamily: 'Helvetica, Arial, sans-serif',
|
||||
fontSize: '14px'
|
||||
},
|
||||
|
||||
"qr": {
|
||||
"foreground": "#000",
|
||||
"bg": "#fff"
|
||||
qr: {
|
||||
foreground: '#000',
|
||||
bg: '#fff'
|
||||
},
|
||||
|
||||
"icon": {
|
||||
"text": "#fff",
|
||||
"bg": {
|
||||
"grey": "#bfbfbf",
|
||||
"black": "#252525",
|
||||
"brown": "#b6b6b6",
|
||||
"orange": "#ffb522",
|
||||
"red": "#f55522",
|
||||
"purple": "#ab50cc",
|
||||
"blue": "#3e58eb",
|
||||
"teal": "#0fc8ba",
|
||||
"lime": "#5dd400",
|
||||
"green": "#57c600"
|
||||
icon: {
|
||||
text: '#fff',
|
||||
bg: {
|
||||
grey: '#bfbfbf',
|
||||
black: '#252525',
|
||||
brown: '#b6b6b6',
|
||||
orange: '#ffb522',
|
||||
red: '#f55522',
|
||||
purple: '#ab50cc',
|
||||
blue: '#3e58eb',
|
||||
teal: '#0fc8ba',
|
||||
lime: '#5dd400',
|
||||
green: '#57c600'
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
"dark": {
|
||||
dark: {
|
||||
|
||||
"graph": {
|
||||
"bg": "#171717",
|
||||
"link": "#3f3f3f",
|
||||
"arrow": "#555",
|
||||
"node": "#9a9a9a",
|
||||
"text": "#9a9a9a",
|
||||
"highlight": "#ffb522",
|
||||
"selected": "#2aa7ee",
|
||||
"iconBg": "#252525"
|
||||
graph: {
|
||||
bg: '#171717',
|
||||
link: '#3f3f3f',
|
||||
arrow: '#555',
|
||||
node: '#9a9a9a',
|
||||
text: '#9a9a9a',
|
||||
highlight: '#ffb522',
|
||||
selected: '#2aa7ee',
|
||||
iconBg: '#252525'
|
||||
},
|
||||
|
||||
"mermaid": {
|
||||
"fontFamily": "Helvetica, Arial, sans-serif",
|
||||
"fontSize": "14px",
|
||||
"primaryColor": "#bb2528",
|
||||
"primaryTextColor": "#fff",
|
||||
"primaryBorderColor": "#7c0000",
|
||||
"lineColor": "#F8b229",
|
||||
"secondaryColor": "#006100",
|
||||
"tertiaryColor": "#fff"
|
||||
mermaid: {
|
||||
fontFamily: 'Helvetica, Arial, sans-serif',
|
||||
fontSize: '14px',
|
||||
primaryColor: '#bb2528',
|
||||
primaryTextColor: '#fff',
|
||||
primaryBorderColor: '#7c0000',
|
||||
lineColor: '#F8b229',
|
||||
secondaryColor: '#006100',
|
||||
tertiaryColor: '#fff'
|
||||
},
|
||||
|
||||
"qr": {
|
||||
"foreground": "#000",
|
||||
"bg": "#fff"
|
||||
qr: {
|
||||
foreground: '#000',
|
||||
bg: '#fff'
|
||||
},
|
||||
|
||||
"icon": {
|
||||
"text": "#fff",
|
||||
"bg": {
|
||||
"grey": "#606060",
|
||||
"black": "#252525",
|
||||
"brown": "#b6b6b6",
|
||||
"orange": "#ffb522",
|
||||
"red": "#f55522",
|
||||
"purple": "#ab50cc",
|
||||
"blue": "#3e58eb",
|
||||
"teal": "#0fc8ba",
|
||||
"lime": "#5dd400",
|
||||
"green": "#57c600"
|
||||
icon: {
|
||||
text: '#fff',
|
||||
bg: {
|
||||
grey: '#606060',
|
||||
black: '#252525',
|
||||
brown: '#b6b6b6',
|
||||
orange: '#ffb522',
|
||||
red: '#f55522',
|
||||
purple: '#ab50cc',
|
||||
blue: '#3e58eb',
|
||||
teal: '#0fc8ba',
|
||||
lime: '#5dd400',
|
||||
green: '#57c600'
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,8 +3,7 @@ $transitionCommon: 0.1s $easeInQuint;
|
|||
$transitionAllCommon: all $transitionCommon;
|
||||
|
||||
$historyPanelWidth: 336px;
|
||||
$vaultWidthCollapsed: 76px;
|
||||
$vaultWidthExpanded: 240px;
|
||||
$vaultWidthCollapsed: 72px;
|
||||
|
||||
@mixin text-overflow { overflow: hidden; text-overflow: ellipsis; }
|
||||
@mixin text-overflow-nw { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
--color-shape-secondary: #ebebeb;
|
||||
--color-shape-tertiary: #f2f2f2;
|
||||
|
||||
--color-shape-highlight-dark: rgba(79, 79, 79, 0.16);
|
||||
--color-shape-highlight-medium: rgba(79, 79, 79, 0.08);
|
||||
--color-shape-highlight-light: rgba(79, 79, 79, 0.04);
|
||||
--color-shape-highlight-light-solid: #f8f8f8;
|
||||
|
|
@ -99,4 +100,12 @@
|
|||
--font-size-description: 18px;
|
||||
--line-height-description: 26px;
|
||||
--letter-spacing-description: -0.28px;
|
||||
|
||||
/* Menu */
|
||||
--menu-width-common: 224px;
|
||||
--menu-width-icon: 256px;
|
||||
--menu-width-value: 288px;
|
||||
--menu-width-set: 360px;
|
||||
--menu-width-large: 408px;
|
||||
--menu-width-add: 480px;
|
||||
}
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
}
|
||||
|
||||
.block.diffNone {
|
||||
.wrapMenu {
|
||||
> .wrapMenu {
|
||||
.iconObject { display: block; }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -48,7 +48,10 @@
|
|||
.dimmer { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0px; top: 0px; display: none; }
|
||||
.preview {
|
||||
display: none; position: relative; aspect-ratio: 16/9; background-color: var(--color-shape-highlight-light); border-radius: 4px;
|
||||
background-size: 40px; background-repeat: no-repeat; background-position: center; background-image: url('~img/icon/block/embed/default.svg');
|
||||
background-size: 60px; background-repeat: no-repeat; background-position: center; background-image: url('~img/icon/block/embed/default.svg');
|
||||
}
|
||||
.preview {
|
||||
.label { color: #d4d4d4; position: absolute; bottom: 12px; left: 0px; width: 100%; text-align: center; @include text-small; }
|
||||
}
|
||||
.preview.isLatex { background-image: url('~img/icon/block/embed/latex.svg'); }
|
||||
.preview.isMermaid { background-image: url('~img/icon/block/embed/mermaid.svg'); }
|
||||
|
|
|
|||
|
|
@ -97,9 +97,7 @@
|
|||
|
||||
.block.blockLink.text {
|
||||
.linkCard {
|
||||
.side.left {
|
||||
line-height: 24px; vertical-align: top; gap: 0px 6px; flex-direction: row; align-items: center; width: 100%;
|
||||
}
|
||||
.side.left { line-height: 24px; vertical-align: top; gap: 0px 6px; flex-direction: row; align-items: center; width: 100%; }
|
||||
.side.right { display: none !important; }
|
||||
|
||||
.relationItem { display: flex; align-items: center; gap: 0px 6px; }
|
||||
|
|
@ -161,7 +159,7 @@
|
|||
}
|
||||
|
||||
.block.blockLink.card:hover {
|
||||
.linkCard.card {
|
||||
.linkCard {
|
||||
.side.left, .side.right { border-color: var(--color-shape-primary); }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -66,6 +66,24 @@
|
|||
.marker {
|
||||
.icon { display: inline-block; }
|
||||
}
|
||||
|
||||
.marker.bullet { display: flex; align-items: center; justify-content: center; }
|
||||
.marker.bullet {
|
||||
.markerInner { -webkit-print-color-adjust: exact; width: 6px; height: 6px; border-radius: 50%; background: var(--color-text-primary); display: block; }
|
||||
|
||||
.markerInner.textColor-default { background-color: var(--color-text-primary) !important; }
|
||||
.markerInner.textColor-black { background-color: var(--color-text-primary) !important; }
|
||||
.markerInner.textColor-grey { background-color: var(--color-control-active) !important; }
|
||||
.markerInner.textColor-yellow { background-color: var(--color-yellow) !important; }
|
||||
.markerInner.textColor-orange { background-color: var(--color-orange) !important; }
|
||||
.markerInner.textColor-red { background-color: var(--color-red) !important; }
|
||||
.markerInner.textColor-pink { background-color: var(--color-pink) !important; }
|
||||
.markerInner.textColor-purple { background-color: var(--color-purple) !important; }
|
||||
.markerInner.textColor-blue { background-color: var(--color-blue) !important; }
|
||||
.markerInner.textColor-ice { background-color: var(--color-ice) !important; }
|
||||
.markerInner.textColor-teal { background-color: var(--color-teal) !important; }
|
||||
.markerInner.textColor-lime { background-color: var(--color-lime) !important; }
|
||||
}
|
||||
|
||||
.marker.number { vertical-align: baseline; min-width: 24px; width: auto; word-break: normal; }
|
||||
.marker.number > span { min-width: 100%; display: inline-block; text-align: center; }
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@ html.platformLinux {
|
|||
}
|
||||
|
||||
html.platformWindows, html.platformLinux {
|
||||
::-webkit-scrollbar { width: 10px; height: 6px; }
|
||||
::-webkit-scrollbar { width: 6px; height: 6px; }
|
||||
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.5); border-radius: 6px; }
|
||||
::-webkit-scrollbar-corner { background-color: transparent; }
|
||||
::-webkit-scrollbar-button { display: none; }
|
||||
|
|
|
|||
|
|
@ -49,7 +49,9 @@
|
|||
.icon { -webkit-app-region: no-drag; flex-shrink: 0; }
|
||||
|
||||
.icon { width: 28px; height: 28px; background-size: 20px; border-radius: 6px; }
|
||||
.icon:hover, .icon.hover { background-color: var(--color-shape-highlight-medium); }
|
||||
.side.right {
|
||||
.icon:hover, .icon.hover { background-color: var(--color-shape-highlight-medium); }
|
||||
}
|
||||
|
||||
.icon.more { background-image: url('~img/icon/header/more.svg'); }
|
||||
.icon.settings { background-image: url('~img/icon/header/settings.svg'); }
|
||||
|
|
@ -145,4 +147,4 @@ html:not(.bodyIndexIndex):not(.bodyAuthSelect) {
|
|||
.icon.expand { display: inline-block; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.navigationPanel {
|
||||
background: rgba(134, 134, 134, 0.7); backdrop-filter: blur(32px); border-radius: 16px; position: fixed; left: 0px; padding: 8px 16px; bottom: 24px;
|
||||
height: 48px; z-index: 105; transition-property: opacity, visibility; transition-duration: 0.16s; transition-timing-function: $easeInQuint;
|
||||
background: rgba(134, 134, 134, 0.7); backdrop-filter: blur(32px); border-radius: 16px; position: fixed; left: 0px; padding: 12px 16px; bottom: 24px;
|
||||
z-index: 105; transition-property: opacity, visibility; transition-duration: 0.16s; transition-timing-function: $easeInQuint;
|
||||
}
|
||||
.navigationPanel.hide { visibility: hidden; z-index: 0; opacity: 0; }
|
||||
.navigationPanel.hide * { pointer-events: none; }
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
.inner { display: flex; flex-direction: row; gap: 0px 20px; align-items: center; justify-content: center; position: relative; z-index: 1; }
|
||||
|
||||
.iconWrap {
|
||||
width: 32px; height: 32px; border-radius: 4px; display: flex; align-items: center; justify-content: center;
|
||||
width: 28px; height: 28px; border-radius: 4px; display: flex; align-items: center; justify-content: center;
|
||||
position: relative; transition: $transitionAllCommon;
|
||||
}
|
||||
.iconWrap:not(.disabled):hover, .iconWrap.active { background-color: rgba(37, 37, 37, 0.15); }
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.shareTooltip {
|
||||
display: flex; position: fixed; z-index: 20; right: 14px; bottom: 54px; width: 280px; height: 64px; border-radius: 8px; align-items: center; gap: 0px 12px;
|
||||
display: flex; position: fixed; z-index: 20; right: 14px; bottom: 54px; width: var(--menu-width-value); height: 64px; border-radius: 8px; align-items: center; gap: 0px 12px;
|
||||
padding: 10px 12px 10px 16px; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20); background-color: var(--color-bg-primary);
|
||||
background-image: linear-gradient(90deg, #FFD3D3 0%, #FFF4CC 20.71%, rgba(255, 244, 204, 0.00) 41.52%);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
.sidebarAnimation { transition: width 0.2s ease-in-out; }
|
||||
|
||||
#sidebarToggle {
|
||||
width: 28px; height: 28px; background-size: 20px; border-radius: 6px; position: fixed; left: 92px; top: 12px;
|
||||
width: 28px; height: 28px; background-size: 20px; border-radius: 6px; position: fixed; left: 88px; top: 12px;
|
||||
background-image: url('~img/icon/widget/toggle0.svg'); z-index: 22; -webkit-app-region: no-drag;
|
||||
}
|
||||
#sidebarToggle:hover { background-color: var(--color-shape-highlight-medium); background-image: url('~img/icon/widget/toggle1.svg'); }
|
||||
|
|
@ -22,25 +22,24 @@
|
|||
.sidebar.anim { transition-property: left, top, width, box-shadow, transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
|
||||
|
||||
.sidebar {
|
||||
> .coverWrap { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; }
|
||||
> .coverWrap {
|
||||
.iconObject { height: 100%; aspect-ratio: 1; opacity: 0.2; filter: blur(300px); width: 200%; transform: translateX(-50%); }
|
||||
}
|
||||
|
||||
> .inner { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; position: relative; z-index: 1; }
|
||||
> .inner {
|
||||
> .head {
|
||||
display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 0px 16px; height: 52px;
|
||||
-webkit-app-region: no-drag;
|
||||
display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 0px 12px; height: 52px;
|
||||
gap: 0px 8px; overflow: hidden;
|
||||
}
|
||||
> .head {
|
||||
.icon { width: 28px; height: 28px; background-size: 20px; border-radius: 6px; cursor: default; }
|
||||
.status {
|
||||
@include text-small; font-weight: 500; @include text-overflow-nw; text-align: center; color: var(--color-text-secondary); flex-grow: 1;
|
||||
}
|
||||
|
||||
.icon { width: 28px; height: 28px; background-size: 20px; border-radius: 6px; cursor: default; -webkit-app-region: no-drag; }
|
||||
.icon:hover { background-color: var(--color-shape-highlight-medium); }
|
||||
.icon.toggle { background-image: url('~img/icon/widget/toggle0.svg'); }
|
||||
.icon.toggle:hover { background-image: url('~img/icon/widget/toggle1.svg'); }
|
||||
}
|
||||
|
||||
> .body { height: calc(100% - 52px); padding: 0px 12px 12px 12px; position: relative; flex-grow: 1; overflow: auto; overscroll-behavior: none; min-width: 240px; }
|
||||
> .body { height: calc(100% - 52px); padding: 0px 12px 12px 12px; position: relative; flex-grow: 1; overflow: auto; overscroll-behavior: none; }
|
||||
}
|
||||
|
||||
.resize-h { width: 10px; height: 100%; position: absolute; top: 0px; right: -5px; cursor: col-resize; z-index: 2; }
|
||||
|
|
|
|||
|
|
@ -13,11 +13,10 @@
|
|||
.sync:hover,
|
||||
.sync.hover { background: var(--color-shape-highlight-medium); }
|
||||
.sync {
|
||||
.icon { width: 8px; height: 8px; margin-left: 10px; background-image: url('~img/icon/syncStatus/offline.svg'); }
|
||||
.icon:hover { background-color: transparent; }
|
||||
.icon.error { background-image: url('~img/icon/syncStatus/error.svg'); display: block; }
|
||||
.icon { width: 8px; height: 8px; border-radius: 50%; margin-left: 10px; background-color: var(--color-control-active); }
|
||||
.icon.error { background-color: var(--color-red); display: block; }
|
||||
.icon.synced,
|
||||
.icon.syncing { background-image: url('~img/icon/syncStatus/synced.svg'); }
|
||||
.icon.syncing { background-color: var(--color-lime); }
|
||||
.icon.syncing::before,
|
||||
.icon.syncing::after {
|
||||
content: ''; @include pos-abs-mid; z-index: 0; margin: -4px 0px 0px -4px;
|
||||
|
|
|
|||
|
|
@ -19,6 +19,11 @@
|
|||
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); border-radius: 8px;
|
||||
}
|
||||
.tooltip.big {
|
||||
.title { @include text-common; font-weight: 500; margin-bottom: 2px; }
|
||||
.txt { @include text-small; }
|
||||
.title { @include text-common; font-weight: 500; }
|
||||
.txt { @include text-small; margin: 2px 0px 0px 0px; }
|
||||
}
|
||||
|
||||
.tooltip.fromVault { min-width: unset; max-width: 360px; transform: scale3d(1, 1, 1); }
|
||||
.tooltip.fromVault {
|
||||
.txt { @include text-overflow-nw; width: 100%; }
|
||||
}
|
||||
|
|
@ -1,92 +1,64 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
#vaultContentContainer { transition: transform 0.3s $easeInQuint; }
|
||||
#vaultContentContainer.isExpanded { transform: translate3d(calc($vaultWidthExpanded + $vaultWidthCollapsed), 0px, 0px); overflow: hidden; }
|
||||
#vaultContentContainer.isExpanded {
|
||||
#sidebar { left: 0px; }
|
||||
}
|
||||
|
||||
.vault {
|
||||
position: fixed; background-color: #000; z-index: 30; left: 0px; top: 0px; width: $vaultWidthCollapsed; height: 100%;
|
||||
display: flex; flex-direction: column; transition: width 0.3s $easeInQuint; padding-top: 42px;
|
||||
position: fixed; background-color: var(--color-shape-primary); z-index: 30; left: 0px; top: 0px; width: $vaultWidthCollapsed; height: 100%;
|
||||
display: flex; flex-direction: column; transition: width 0.3s $easeInQuint;
|
||||
}
|
||||
.vault {
|
||||
.head { height: 42px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 0px 8px; padding: 0px 14px; flex-shrink: 0; }
|
||||
.head {
|
||||
.icon { width: 24px; height: 24px; background-size: 20px; border-radius: 4px; -webkit-app-region: no-drag; opacity: 0; }
|
||||
.icon.settings { background-image: url('~img/icon/vault/settings.svg'); }
|
||||
.icon.close { background-image: url('~img/icon/vault/close.svg'); }
|
||||
.icon:hover { background-color: var(--color-shape-highlight-medium); }
|
||||
.head {
|
||||
height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 0px 8px; padding: 0px 14px; flex-shrink: 0;
|
||||
position: relative; z-index: 1; background: inherit;
|
||||
}
|
||||
.body { display: flex; flex-direction: column; justify-content: space-between; padding: 0px 0px 12px 0px; flex-grow: 1; height: calc(100% - 42px); gap: 16px 0px; }
|
||||
|
||||
.body { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; gap: 12px 0px; height: calc(100% - 64px); }
|
||||
.body {
|
||||
.side { padding: 0px 14px; }
|
||||
.side.top { display: flex; flex-direction: column; gap: 16px 0px; overflow: auto; height: calc(100% - 64px); flex-grow: 1; overscroll-behavior: none; }
|
||||
.side { padding: 0px 10px; }
|
||||
.side.top {
|
||||
display: flex; flex-direction: column; gap: 8px 0px; overflow: auto; flex-grow: 1; overscroll-behavior: none;
|
||||
}
|
||||
.side.top::-webkit-scrollbar { display: none; }
|
||||
.side.bottom { flex-shrink: 0; align-items: flex-end; }
|
||||
.side.bottom { flex-shrink: 0; align-items: flex-end; padding-bottom: 12px; }
|
||||
}
|
||||
|
||||
.item { position: relative; border-radius: 2px; transition: background $transitionCommon; }
|
||||
.item { width: 52px; height: 52px; flex-shrink: 0; position: relative; padding: 4px; transition: all 0.2s $easeInQuint; }
|
||||
.item {
|
||||
.iconWrap, .infoWrap { position: relative; z-index: 1; }
|
||||
|
||||
.iconWrap { width: 48px; height: 48px; overflow: hidden; border-radius: 2px; background-position: center; background-repeat: no-repeat; }
|
||||
.iconWrap {
|
||||
.icon.shared { width: 10px; height: 10px; position: absolute; left: 6px; bottom: 6px; background-image: url('~img/icon/vault/shared.svg'); }
|
||||
}
|
||||
|
||||
.coverWrap { width: 100%; height: 100%; overflow: hidden; border-radius: inherit; position: absolute; z-index: 0; left: 0px; top: 0px; display: none; }
|
||||
.coverWrap {
|
||||
.iconObject { width: $vaultWidthExpanded; height: $vaultWidthExpanded; margin-top: -140px; opacity: 0.6; filter: blur(50px); }
|
||||
}
|
||||
|
||||
.infoWrap { display: none; }
|
||||
.infoWrap {
|
||||
.name { width: 100%; color: #fff; @include text-common; font-weight: 600; @include text-overflow-nw; }
|
||||
.descr { color: rgba(255,255,255,0.6); }
|
||||
.iconWrap {
|
||||
width: 100%; height: 100%; border-radius: 2px; background-repeat: no-repeat; background-position: center;
|
||||
transition: background-color 0.2s $easeInQuint; overflow: hidden;
|
||||
}
|
||||
.iconObject { width: 100% !important; height: 100% !important; }
|
||||
}
|
||||
.item::after {
|
||||
content: ''; position: absolute; width: 8px; height: 8px; background-color: var(--color-control-accent); left: -14px; top: 50%; margin-top: -4px;
|
||||
border-radius: 50%; opacity: 0; transition: opacity 0.2s $easeInQuint; opacity: 0;
|
||||
}
|
||||
|
||||
.item.void {
|
||||
.iconWrap { background-image: url('~img/icon/vault/void.svg'); background-size: 24px; border: 1px solid rgba(255,255,255,0.3); }
|
||||
.item:hover, .item.hover { padding: 0px; }
|
||||
|
||||
.item.isIcon {
|
||||
.iconWrap { background-color: var(--color-shape-highlight-dark); }
|
||||
}
|
||||
|
||||
.item.gallery { background: #3f3f3f; }
|
||||
.item.isActive::after { opacity: 1; }
|
||||
|
||||
.item.gallery {
|
||||
.iconWrap { background-image: url('~img/icon/vault/gallery.svg'); }
|
||||
}
|
||||
|
||||
.item.add { background: #2b2b2b; justify-content: center; }
|
||||
.item.add {
|
||||
.iconWrap { background-image: url('~img/icon/vault/plus.svg'); background-size: 20px; }
|
||||
.iconWrap { background-image: url('~img/icon/vault/plus.svg'); }
|
||||
}
|
||||
|
||||
.item.settings {
|
||||
.iconWrap { background-size: 20px; background-image: url('~img/icon/vault/settings.svg'); }
|
||||
.iconWrap { background-color: unset; background-image: url('~img/icon/vault/settings.svg'); }
|
||||
}
|
||||
.item.settings:hover { background: #2b2b2b; }
|
||||
|
||||
.item.isActive::after {
|
||||
content: ''; position: absolute; left: -14px; top: 0px; width: 4px; height: 100%; background: #fff; border-radius: 0px 2px 2px 0px;
|
||||
.item.settings:hover {
|
||||
.iconWrap { background-color: var(--color-shape-highlight-dark); }
|
||||
}
|
||||
|
||||
.line {
|
||||
position: absolute; left: 0px; top: 0px; width: 4px; height: 48px; background: #fff; border-radius: 0px 2px 2px 0px;
|
||||
transform: translate3d(-100%, 0px, 0px);
|
||||
}
|
||||
.line.anim { transition: transform 0.3s $easeInQuint; }
|
||||
}
|
||||
|
||||
.vault.isExpanded { width: calc($vaultWidthExpanded + $vaultWidthCollapsed); }
|
||||
.vault.isExpanded {
|
||||
.head {
|
||||
.icon { opacity: 1; }
|
||||
html.platformWindows, html.platformLinux {
|
||||
.vault {
|
||||
.head { height: 12px; }
|
||||
}
|
||||
|
||||
.item { padding: 16px; display: flex; flex-direction: row; align-items: center; border-radius: 12px; gap: 0px 16px; }
|
||||
.item {
|
||||
.coverWrap, .infoWrap { display: block; }
|
||||
}
|
||||
|
||||
#item-void { display: none; }
|
||||
}
|
||||
|
|
@ -44,6 +44,13 @@
|
|||
|
||||
> .dropTarget.firstTarget.isOver::before { bottom: -7px; }
|
||||
> .dropTarget.lastTarget.isOver::before { top: -7px; }
|
||||
|
||||
.widget.isEditable.isOver::before {
|
||||
content: ""; position: absolute; background: var(--color-system-accent-100); height: 2px; width: calc(100% - 24px); border-radius: 2px;
|
||||
left: 12px;
|
||||
}
|
||||
.widget.isEditable.isOver.top::before { top: -7px; }
|
||||
.widget.isEditable.isOver.bottom::before { bottom: -7px; }
|
||||
}
|
||||
|
||||
.listWidget.isEditing { padding-bottom: 58px; }
|
||||
|
|
@ -69,9 +76,6 @@
|
|||
|
||||
.widget.isEditable:nth-child(2n + 1) { animation: shake1 0.2s linear infinite alternate; }
|
||||
.widget.isEditable:nth-child(2n + 2) { animation: shake2 0.2s linear infinite alternate; }
|
||||
.widget.isEditable.isOver::before { content: ""; position: absolute; background: var(--color-system-accent-100); height: 2px; width: calc(100% - 24px); border-radius: 2px; left: 12px; }
|
||||
.widget.isEditable.isOver.top::before { top: -7px; }
|
||||
.widget.isEditable.isOver.bottom::before { bottom: -7px; }
|
||||
.widget.isEditable:hover {
|
||||
.head {
|
||||
> .buttons { display: flex; }
|
||||
|
|
|
|||
|
|
@ -20,7 +20,9 @@ html.printMedia {
|
|||
.sidebarDummy,
|
||||
.progress,
|
||||
.toast,
|
||||
.focusable.isFocused::before
|
||||
.focusable.isFocused::before,
|
||||
#vault,
|
||||
#sidebarToggle
|
||||
{ display: none !important; }
|
||||
|
||||
#page.isFull { width: 100% !important; }
|
||||
|
|
|
|||
109
src/scss/menu/block/add.scss
Normal file
109
src/scss/menu/block/add.scss
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuBlockAdd { width: var(--menu-width-add) !important; }
|
||||
.menu.menuBlockAdd {
|
||||
.content { padding: 0px; }
|
||||
.wrap { height: 100%; }
|
||||
.items { height: 100%; }
|
||||
|
||||
.sectionName { padding: 0px 14px 4px 14px; }
|
||||
.sectionName::before { content: ""; display: block; width: 100%; height: 1px; margin: 8px 0px 11px 0px; background: var(--color-shape-secondary); }
|
||||
.sectionName.first { padding-top: 4px; }
|
||||
.sectionName.first::before { display: none; }
|
||||
|
||||
.info {
|
||||
width: 154px; @include text-overflow-nw; line-height: 20px; border-radius: 4px; transition: background $transitionCommon;
|
||||
flex-shrink: 0; margin-right: 6px;
|
||||
}
|
||||
|
||||
.item { padding: 4px 16px; }
|
||||
.item.add { padding: 6px 16px; }
|
||||
.item.sides { display: flex; padding: 6px 16px; }
|
||||
.item.empty { padding: 16px; @include text-small; }
|
||||
|
||||
.item {
|
||||
.icon.plus { margin-right: 4px; background-image: url('~img/icon/plus/menu0.svg'); }
|
||||
}
|
||||
.item::before { transition: none; }
|
||||
|
||||
.item.isBig {
|
||||
.iconObject { background-color: var(--color-shape-tertiary); }
|
||||
}
|
||||
.item.isBig {
|
||||
.icon.textParagraph { background-image: url('~img/icon/menu/action/block/text/paragraph1.svg'); }
|
||||
.icon.textHeader1 { background-image: url('~img/icon/menu/action/block/text/header11.svg'); }
|
||||
.icon.textHeader2 { background-image: url('~img/icon/menu/action/block/text/header21.svg'); }
|
||||
.icon.textHeader3 { background-image: url('~img/icon/menu/action/block/text/header31.svg'); }
|
||||
.icon.textQuote { background-image: url('~img/icon/menu/action/block/text/quote1.svg'); }
|
||||
.icon.textCallout { background-image: url('~img/icon/menu/action/block/text/callout1.svg'); }
|
||||
.icon.textBulleted { background-image: url('~img/icon/menu/action/block/text/bulleted1.svg'); }
|
||||
.icon.textCheckbox { background-image: url('~img/icon/menu/action/block/text/checkbox1.svg'); }
|
||||
.icon.textNumbered { background-image: url('~img/icon/menu/action/block/text/numbered1.svg'); }
|
||||
.icon.textToggle { background-image: url('~img/icon/menu/action/block/text/toggle1.svg'); }
|
||||
|
||||
.icon.mediaFile { background-image: url('~img/icon/menu/action/block/media/file1.svg'); }
|
||||
.icon.mediaImage { background-image: url('~img/icon/menu/action/block/media/image1.svg'); }
|
||||
.icon.mediaVideo { background-image: url('~img/icon/menu/action/block/media/video1.svg'); }
|
||||
.icon.mediaAudio { background-image: url('~img/icon/menu/action/block/media/audio1.svg'); }
|
||||
.icon.mediaPdf { background-image: url('~img/icon/menu/action/block/media/pdf1.svg'); }
|
||||
|
||||
.icon.divLine { background-image: url('~img/icon/menu/action/block/div/line1.svg'); }
|
||||
.icon.divDot { background-image: url('~img/icon/menu/action/block/div/dot1.svg'); }
|
||||
|
||||
.icon.embed-latex { background-image: url('~img/icon/menu/action/block/embed/latex.svg'); }
|
||||
.icon.embed-mermaid { background-image: url('~img/icon/menu/action/block/embed/mermaid.svg'); }
|
||||
.icon.embed-youtube { background-image: url('~img/icon/menu/action/block/embed/youtube.svg'); }
|
||||
.icon.embed-vimeo { background-image: url('~img/icon/menu/action/block/embed/vimeo.svg'); }
|
||||
.icon.embed-googleMaps { background-image: url('~img/icon/menu/action/block/embed/googleMaps.svg'); }
|
||||
.icon.embed-soundcloud { background-image: url('~img/icon/menu/action/block/embed/soundcloud.svg'); }
|
||||
.icon.embed-chart { background-image: url('~img/icon/menu/action/block/embed/chart.svg'); }
|
||||
.icon.embed-miro { background-image: url('~img/icon/menu/action/block/embed/miro.svg'); }
|
||||
.icon.embed-figma { background-image: url('~img/icon/menu/action/block/embed/figma.svg'); }
|
||||
.icon.embed-bilibili { background-image: url('~img/icon/menu/action/block/embed/bilibili.svg'); }
|
||||
.icon.embed-codepen { background-image: url('~img/icon/menu/action/block/embed/codepen.svg'); }
|
||||
.icon.embed-facebook { background-image: url('~img/icon/menu/action/block/embed/facebook.svg'); }
|
||||
.icon.embed-githubGist { background-image: url('~img/icon/menu/action/block/embed/githubGist.svg'); }
|
||||
.icon.embed-graphviz { background-image: url('~img/icon/menu/action/block/embed/graphviz.svg'); }
|
||||
.icon.embed-instagram { background-image: url('~img/icon/menu/action/block/embed/instagram.svg'); }
|
||||
.icon.embed-kroki { background-image: url('~img/icon/menu/action/block/embed/kroki.svg'); }
|
||||
.icon.embed-openStreetMap { background-image: url('~img/icon/menu/action/block/embed/openStreetMap.svg'); }
|
||||
.icon.embed-reddit { background-image: url('~img/icon/menu/action/block/embed/reddit.svg'); }
|
||||
.icon.embed-telegram { background-image: url('~img/icon/menu/action/block/embed/telegram.svg'); }
|
||||
.icon.embed-twitter { background-image: url('~img/icon/menu/action/block/embed/twitter.svg'); }
|
||||
.icon.embed-excalidraw { background-image: url('~img/icon/menu/action/block/embed/excalidraw.svg'); }
|
||||
.icon.embed-sketchfab { background-image: url('~img/icon/menu/action/block/embed/sketchfab.svg'); }
|
||||
|
||||
.icon.existing { background-image: url('~img/icon/menu/action/block/existing1.svg'); }
|
||||
.icon.bookmark { background-image: url('~img/icon/menu/action/block/bookmark1.svg'); }
|
||||
.icon.code { background-image: url('~img/icon/menu/action/block/code1.svg'); }
|
||||
.icon.table { background-image: url('~img/icon/menu/action/block/table1.svg'); }
|
||||
.icon.tableOfContents { background-image: url('~img/icon/menu/action/block/tableOfContents1.svg'); }
|
||||
.icon.relation { background-image: url('~img/icon/menu/action/block/relation1.svg'); }
|
||||
.icon.set { background-image: url('~img/icon/menu/action/block/set1.svg'); }
|
||||
.icon.collection { background-image: url('~img/icon/menu/action/block/collection1.svg'); }
|
||||
}
|
||||
|
||||
.cell { width: calc(100% - 160px); white-space: nowrap; }
|
||||
.cell.c-select {
|
||||
.tagItem { margin-bottom: 0px; vertical-align: middle; }
|
||||
}
|
||||
|
||||
.cellContent { overflow: hidden; height: 20px; line-height: 20px; }
|
||||
.cellContent {
|
||||
.empty { display: block; }
|
||||
}
|
||||
|
||||
.cellContent.c-longText {
|
||||
.name { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
html.platformWindows, html.platformLinux {
|
||||
.menus {
|
||||
.menu.menuBlockAdd {
|
||||
.ReactVirtualized__List { overflow-y: overlay !important; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,16 +1,16 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuBlockAdd, .menu.menuBlockStyle, .menu.menuBlockAction, .menu.menuObject {
|
||||
.menu.menuBlockStyle, .menu.menuBlockAction, .menu.menuObject {
|
||||
.item.empty { @include text-small; padding-top: 8px; }
|
||||
}
|
||||
|
||||
.menu.menuBlockAction { width: 240px; }
|
||||
.menu.menuBlockAction { width: var(--menu-width-icon); }
|
||||
.menu.menuBlockAction {
|
||||
.content { padding-top: 12px; }
|
||||
}
|
||||
|
||||
.menu.menuObject { width: 256px; }
|
||||
.menu.menuObject { width: var(--menu-width-icon); }
|
||||
.menu.menuObject {
|
||||
.content { overflow: visible !important; max-height: unset; }
|
||||
.item { display: flex; }
|
||||
|
|
@ -21,108 +21,4 @@
|
|||
|
||||
.item.isReadonly::before { opacity: 0 !important; }
|
||||
}
|
||||
|
||||
.menu.menuBlockAdd { width: 480px !important; }
|
||||
.menu.menuBlockAdd {
|
||||
.content { padding: 0px; }
|
||||
.wrap { height: 100%; }
|
||||
.items { height: 100%; }
|
||||
|
||||
.sectionName { padding: 0px 14px 4px 14px; }
|
||||
.sectionName::before { content: ""; display: block; width: 100%; height: 1px; margin: 8px 0px 11px 0px; background: var(--color-shape-secondary); }
|
||||
.sectionName.first { padding-top: 4px; }
|
||||
.sectionName.first::before { display: none; }
|
||||
|
||||
.info {
|
||||
width: 154px; @include text-overflow-nw; line-height: 20px; border-radius: 4px; transition: background $transitionCommon;
|
||||
flex-shrink: 0; margin-right: 6px;
|
||||
}
|
||||
|
||||
.item { padding: 4px 16px; }
|
||||
.item.add { padding: 6px 16px; }
|
||||
.item.sides { display: flex; padding: 6px 16px; }
|
||||
.item.empty { padding: 16px; }
|
||||
|
||||
.item {
|
||||
.icon.plus { margin-right: 4px; background-image: url('~img/icon/plus/menu0.svg'); }
|
||||
}
|
||||
.item::before { transition: none; }
|
||||
|
||||
.item.isBig {
|
||||
.iconObject { background-color: var(--color-shape-tertiary); }
|
||||
}
|
||||
.item.isBig {
|
||||
.icon.textParagraph { background-image: url('~img/icon/menu/action/block/text/paragraph1.svg'); }
|
||||
.icon.textHeader1 { background-image: url('~img/icon/menu/action/block/text/header11.svg'); }
|
||||
.icon.textHeader2 { background-image: url('~img/icon/menu/action/block/text/header21.svg'); }
|
||||
.icon.textHeader3 { background-image: url('~img/icon/menu/action/block/text/header31.svg'); }
|
||||
.icon.textQuote { background-image: url('~img/icon/menu/action/block/text/quote1.svg'); }
|
||||
.icon.textCallout { background-image: url('~img/icon/menu/action/block/text/callout1.svg'); }
|
||||
.icon.textBulleted { background-image: url('~img/icon/menu/action/block/text/bulleted1.svg'); }
|
||||
.icon.textCheckbox { background-image: url('~img/icon/menu/action/block/text/checkbox1.svg'); }
|
||||
.icon.textNumbered { background-image: url('~img/icon/menu/action/block/text/numbered1.svg'); }
|
||||
.icon.textToggle { background-image: url('~img/icon/menu/action/block/text/toggle1.svg'); }
|
||||
|
||||
.icon.mediaFile { background-image: url('~img/icon/menu/action/block/media/file1.svg'); }
|
||||
.icon.mediaImage { background-image: url('~img/icon/menu/action/block/media/image1.svg'); }
|
||||
.icon.mediaVideo { background-image: url('~img/icon/menu/action/block/media/video1.svg'); }
|
||||
.icon.mediaAudio { background-image: url('~img/icon/menu/action/block/media/audio1.svg'); }
|
||||
.icon.mediaPdf { background-image: url('~img/icon/menu/action/block/media/pdf1.svg'); }
|
||||
|
||||
.icon.divLine { background-image: url('~img/icon/menu/action/block/div/line1.svg'); }
|
||||
.icon.divDot { background-image: url('~img/icon/menu/action/block/div/dot1.svg'); }
|
||||
|
||||
.icon.embed-latex { background-image: url('~img/icon/menu/action/block/embed/latex.svg'); }
|
||||
.icon.embed-mermaid { background-image: url('~img/icon/menu/action/block/embed/mermaid.svg'); }
|
||||
.icon.embed-youtube { background-image: url('~img/icon/menu/action/block/embed/youtube.svg'); }
|
||||
.icon.embed-vimeo { background-image: url('~img/icon/menu/action/block/embed/vimeo.svg'); }
|
||||
.icon.embed-googleMaps { background-image: url('~img/icon/menu/action/block/embed/googleMaps.svg'); }
|
||||
.icon.embed-soundcloud { background-image: url('~img/icon/menu/action/block/embed/soundcloud.svg'); }
|
||||
.icon.embed-chart { background-image: url('~img/icon/menu/action/block/embed/chart.svg'); }
|
||||
.icon.embed-miro { background-image: url('~img/icon/menu/action/block/embed/miro.svg'); }
|
||||
.icon.embed-figma { background-image: url('~img/icon/menu/action/block/embed/figma.svg'); }
|
||||
.icon.embed-bilibili { background-image: url('~img/icon/menu/action/block/embed/bilibili.svg'); }
|
||||
.icon.embed-codepen { background-image: url('~img/icon/menu/action/block/embed/codepen.svg'); }
|
||||
.icon.embed-facebook { background-image: url('~img/icon/menu/action/block/embed/facebook.svg'); }
|
||||
.icon.embed-githubGist { background-image: url('~img/icon/menu/action/block/embed/githubGist.svg'); }
|
||||
.icon.embed-graphviz { background-image: url('~img/icon/menu/action/block/embed/graphviz.svg'); }
|
||||
.icon.embed-instagram { background-image: url('~img/icon/menu/action/block/embed/instagram.svg'); }
|
||||
.icon.embed-kroki { background-image: url('~img/icon/menu/action/block/embed/kroki.svg'); }
|
||||
.icon.embed-openStreetMap { background-image: url('~img/icon/menu/action/block/embed/openStreetMap.svg'); }
|
||||
.icon.embed-reddit { background-image: url('~img/icon/menu/action/block/embed/reddit.svg'); }
|
||||
.icon.embed-telegram { background-image: url('~img/icon/menu/action/block/embed/telegram.svg'); }
|
||||
.icon.embed-twitter { background-image: url('~img/icon/menu/action/block/embed/twitter.svg'); }
|
||||
.icon.embed-excalidraw { background-image: url('~img/icon/menu/action/block/embed/excalidraw.svg'); }
|
||||
.icon.embed-sketchfab { background-image: url('~img/icon/menu/action/block/embed/sketchfab.svg'); }
|
||||
|
||||
.icon.existing { background-image: url('~img/icon/menu/action/block/existing1.svg'); }
|
||||
.icon.bookmark { background-image: url('~img/icon/menu/action/block/bookmark1.svg'); }
|
||||
.icon.code { background-image: url('~img/icon/menu/action/block/code1.svg'); }
|
||||
.icon.table { background-image: url('~img/icon/menu/action/block/table1.svg'); }
|
||||
.icon.tableOfContents { background-image: url('~img/icon/menu/action/block/tableOfContents1.svg'); }
|
||||
.icon.relation { background-image: url('~img/icon/menu/action/block/relation1.svg'); }
|
||||
.icon.set { background-image: url('~img/icon/menu/action/block/set1.svg'); }
|
||||
.icon.collection { background-image: url('~img/icon/menu/action/block/collection1.svg'); }
|
||||
}
|
||||
|
||||
.cell { width: calc(100% - 160px); white-space: nowrap; }
|
||||
.cell.c-select {
|
||||
.tagItem { margin-bottom: 0px; vertical-align: middle; }
|
||||
}
|
||||
|
||||
.cellContent { overflow: hidden; height: 20px; line-height: 20px; }
|
||||
.cellContent {
|
||||
.empty { display: block; }
|
||||
}
|
||||
|
||||
.cellContent.c-longText {
|
||||
.name { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
html.platformWindows, html.platformLinux {
|
||||
.menus {
|
||||
.menu.menuBlockAdd { width: 377px !important; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,9 +1,9 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuBlockCover { width: 410px; }
|
||||
.menu.menuBlockCover { width: var(--menu-width-large); }
|
||||
.menu.menuBlockCover {
|
||||
.content { max-height: unset; height: 404px; overflow: visible; padding-bottom: 0px; }
|
||||
.content { max-height: unset; height: var(--menu-width-large);; overflow: visible; padding-bottom: 0px; }
|
||||
.wrap { display: flex; flex-direction: column; height: 100%; }
|
||||
|
||||
.head {
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
|
||||
.loaderWrapper { position: relative; background: none; }
|
||||
|
||||
.sections { overflow: auto; flex-grow: 1; }
|
||||
.sections { overflow: hidden auto; flex-grow: 1; }
|
||||
.section > .name { margin-bottom: 8px; }
|
||||
.section:first-child { padding-top: 8px; }
|
||||
.section:last-child { padding-bottom: 8px; }
|
||||
|
|
@ -74,6 +74,8 @@
|
|||
|
||||
html.platformWindows, html.platformLinux {
|
||||
.menus {
|
||||
.menu.menuBlockCover { width: 425px; }
|
||||
.menu.menuBlockCover {
|
||||
.sections { overflow-y: overlay; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuBlockLink { width: 420px; }
|
||||
.menu.menuBlockLink { width: var(--menu-width-large); }
|
||||
.menu.menuBlockLink {
|
||||
.content { transition: none; padding: 0px; max-height: 420px; padding: 4px 0px 0px 0px; }
|
||||
.content { transition: none; padding: 0px; max-height: var(--menu-width-large); padding: 4px 0px 0px 0px; }
|
||||
.content.initial {
|
||||
.filter {
|
||||
.line { display: none; }
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuBlockLinkSettings { width: 256px; }
|
||||
.menu.menuBlockLinkSettings { width: var(--menu-width-icon); }
|
||||
.menu.menuBlockLinkSettings {
|
||||
.item {
|
||||
.name { @include text-overflow-nw; width: calc(100% - 58px); }
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuBlockMention { width: 360px; }
|
||||
.menu.menuBlockMention { width: var(--menu-width-set); }
|
||||
.menu.menuBlockMention {
|
||||
.content { transition: none; padding: 0px; }
|
||||
.items { height: 100%; }
|
||||
|
|
|
|||
|
|
@ -52,7 +52,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
.scrollWrap { padding: 22px 0px 16px 0px; height: calc(100% - 45px); overflow-x: hidden; overflow-y: auto; }
|
||||
.scrollWrap { padding: 22px 0px 16px 0px; overflow-x: hidden; overflow-y: auto; flex-grow: 1; }
|
||||
.bottom { flex-shrink: 0; }
|
||||
|
||||
.item { padding: 0px 26px; cursor: default; }
|
||||
.item:hover {
|
||||
.icon.fav { opacity: 1; }
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@
|
|||
.arrowDirection.c4 { right: -12px; transform: rotateZ(90deg); }
|
||||
}
|
||||
|
||||
.menu.vertical { width: 224px; }
|
||||
.menu.vertical { width: var(--menu-width-common); }
|
||||
.menu.vertical {
|
||||
.content { overflow-y: auto; overflow-x: hidden; max-height: 368px; padding: 8px 0px; border-radius: inherit; transform: none; }
|
||||
.ReactVirtualized__List { padding: 8px 0px; }
|
||||
|
|
@ -245,6 +245,7 @@ html.platformWindows {
|
|||
@import "./preview/object.scss";
|
||||
|
||||
@import "./block/common.scss";
|
||||
@import "./block/add.scss";
|
||||
@import "./block/context.scss";
|
||||
@import "./block/cover.scss";
|
||||
@import "./block/icon.scss";
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuDataviewCalendar { width: 276px; }
|
||||
.menu.menuDataviewCalendar { width: var(--menu-width-value); }
|
||||
.menu.menuDataviewCalendar {
|
||||
.titleWrapper { padding: 8px 16px 0px; }
|
||||
.content { padding: 10px 0px; overflow: visible; max-height: unset; }
|
||||
|
|
@ -106,7 +106,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.menu.menuDataviewCalendarDay.fromWidget { width: 312px; }
|
||||
.menu.menuDataviewCalendarDay.fromWidget { width: var(--menu-width-value); }
|
||||
.menu.menuDataviewCalendarDay.fromWidget {
|
||||
.content { padding: 12px 0px 8px 0px; }
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuDataviewCreateBookmark { width: 400px; height: 44px; padding: 0px; position: fixed; top: 42px; }
|
||||
.menu.menuDataviewCreateBookmark { width: var(--menu-width-large); height: 44px; padding: 0px; position: fixed; top: 42px; }
|
||||
.menu.menuDataviewCreateBookmark {
|
||||
.loaderWrapper { position: absolute; background: var(--color-bg-loader); width: 100%; height: 100%; border-radius: 8px; z-index: 10; }
|
||||
.loaderWrapper {
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.menu.menuDataviewFileList { width: 288px; }
|
||||
.menu.menuDataviewFileList { width: var(--menu-width-value); }
|
||||
.menu.menuDataviewFileList {
|
||||
.content { padding-top: 12px; padding-bottom: 0px; transition: none; }
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuDataviewFilterList { width: 360px; }
|
||||
.menu.menuDataviewFilterList { width: var(--menu-width-set); }
|
||||
.menu.menuDataviewFilterList {
|
||||
.content { overflow: visible !important; padding: 0px; }
|
||||
.wrap { height: 100%; display: flex; flex-direction: column; }
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.menu.menuDataviewFilterValues { width: 288px; }
|
||||
.menu.menuDataviewFilterValues { width: var(--menu-width-value); }
|
||||
.menu.menuDataviewFilterValues {
|
||||
.select { border: 0px; padding: 0px; display: block; width: 100%; }
|
||||
.select:hover, .select.isFocused { background: none; }
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuDataviewGroupList { width: 360px; }
|
||||
.menu.menuDataviewGroupList { width: var(--menu-width-set); }
|
||||
.menu.menuDataviewGroupList {
|
||||
.content { padding: 0px; }
|
||||
.wrap { height: 100%; display: flex; flex-direction: column; padding: 0px; }
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
.menus {
|
||||
|
||||
.menu.menuDataviewObjectList { width: 288px; }
|
||||
.menu.menuDataviewObjectList { width: var(--menu-width-value);; }
|
||||
.menu.menuDataviewObjectList {
|
||||
.content { padding: 0px; transition: none; }
|
||||
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
.filter { flex-shrink: 0; }
|
||||
}
|
||||
|
||||
.menu.menuDataviewObjectList.single { width: 256px; }
|
||||
.menu.menuDataviewObjectList.single { width: var(--menu-width-icon); }
|
||||
.menu.menuDataviewObjectList.single {
|
||||
.item {
|
||||
.name { margin: 0px; }
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.menu.menuDataviewObjectValues { width: 288px; }
|
||||
.menu.menuDataviewObjectValues { width: var(--menu-width-value);; }
|
||||
.menu.menuDataviewObjectValues {
|
||||
.content { padding: 0px; }
|
||||
|
||||
|
|
@ -69,4 +69,4 @@
|
|||
.icon.dnd { display: none; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuDataviewOptionList { width: 288px; }
|
||||
.menu.menuDataviewOptionList { width: var(--menu-width-value);; }
|
||||
.menu.menuDataviewOptionList {
|
||||
.content { overflow: visible; transition: none; padding: 0px; max-height: unset; }
|
||||
.content {
|
||||
|
|
@ -13,26 +13,50 @@
|
|||
.items { height: calc(100% - 38px); }
|
||||
}
|
||||
|
||||
.item { padding-top: 5px; padding-bottom: 5px; }
|
||||
.item { display: flex; align-items: center; padding-right: 10px; gap: 0px 4px; }
|
||||
.item {
|
||||
.clickable { width: calc(100% - 20px); }
|
||||
.buttons { display: none; position: absolute; right: 6px; top: 2px; }
|
||||
.buttons { display: flex; flex-direction: row; align-items: center; gap: 0px 2px; flex-shrink: 0; }
|
||||
.buttons {
|
||||
.icon.more { display: none; }
|
||||
}
|
||||
}
|
||||
.item:hover, .item.hover {
|
||||
.item.withCheckbox {
|
||||
.clickable { width: calc(100% - 24px); }
|
||||
.buttons { display: block; }
|
||||
.icon.chk { right: 32px; }
|
||||
}
|
||||
|
||||
.item:hover, .item.hover {
|
||||
.clickable { width: calc(100% - 28px); }
|
||||
.buttons {
|
||||
.icon.more { display: block; }
|
||||
}
|
||||
}
|
||||
.item.withCheckbox:hover, .item.withCheckbox.hover {
|
||||
.clickable { width: calc(100% - 44px); }
|
||||
.clickable { width: calc(100% - 50px); }
|
||||
}
|
||||
|
||||
.item.add {
|
||||
.name { @include text-overflow-nw; width: calc(100% - 24px); }
|
||||
.name { @include text-overflow-nw; }
|
||||
}
|
||||
}
|
||||
|
||||
.menu.menuDataviewOptionEdit { width: 252px; }
|
||||
.menu.menuDataviewOptionList.fromFilter {
|
||||
.item {
|
||||
.icon.more { display: none; }
|
||||
}
|
||||
}
|
||||
|
||||
.menu.menuDataviewOptionList.fromFeatured {
|
||||
.filter { padding-top: 8px; }
|
||||
.item {
|
||||
.buttons,
|
||||
.icon.chk { right: 14px; }
|
||||
}
|
||||
.item:hover, .item.hover {
|
||||
.icon.chk { right: 40px; }
|
||||
}
|
||||
}
|
||||
|
||||
.menu.menuDataviewOptionEdit { width: var(--menu-width-icon); }
|
||||
.menu.menuDataviewOptionEdit {
|
||||
.content { padding-top: 12px; overflow: visible; max-height: unset; }
|
||||
.filter { margin-bottom: 8px; }
|
||||
|
|
@ -70,20 +94,4 @@
|
|||
.section.colorPicker:after { margin: 16px 0px 0px 0px; }
|
||||
}
|
||||
|
||||
.menu.menuDataviewOptionList.fromFilter {
|
||||
.item {
|
||||
.icon.more { display: none; }
|
||||
}
|
||||
}
|
||||
|
||||
.menu.menuDataviewOptionList.fromFeatured {
|
||||
.filter { padding-top: 8px; }
|
||||
.item {
|
||||
.buttons,
|
||||
.icon.chk { right: 14px; }
|
||||
}
|
||||
.item:hover, .item.hover {
|
||||
.icon.chk { right: 40px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuDataviewRelationList { width: 360px; }
|
||||
.menu.menuDataviewRelationList { width: var(--menu-width-set); }
|
||||
.menu.menuDataviewRelationList {
|
||||
.content { overflow: visible !important; padding: 0px; }
|
||||
.wrap { height: 100%; display: flex; flex-direction: column; padding: 0px 0px 8px 0px; }
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.menu.menuDataviewRelationEdit { width: 224px; }
|
||||
.menu.menuDataviewRelationEdit { width: var(--menu-width-icon); }
|
||||
.menu.menuDataviewRelationEdit {
|
||||
.content { padding: 0px; max-height: unset; }
|
||||
.form { padding: 8px 0px; }
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuDataviewSort { width: 360px; }
|
||||
.menu.menuDataviewSort { width: var(--menu-width-set); }
|
||||
.menu.menuDataviewSort {
|
||||
.content { overflow: visible !important; padding: 0px; }
|
||||
.wrap { height: 100%; display: flex; flex-direction: column; }
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuDataviewSource { width: 360px; }
|
||||
.menu.menuDataviewSource { width: var(--menu-width-set); }
|
||||
.menu.menuDataviewSource {
|
||||
.content { overflow: visible !important; padding: 0px; }
|
||||
.scrollWrap { padding: 8px 0px; overflow-x: hidden; overflow-y: auto; max-height: 350px; }
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuDataviewTemplateList { width: 360px; }
|
||||
.menu.menuDataviewTemplateList { width: var(--menu-width-set); }
|
||||
.menu.menuDataviewTemplateList {
|
||||
.titleWrapper + .content { padding-top: 8px; }
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuDataviewViewList { width: 360px; }
|
||||
.menu.menuDataviewViewList { width: var(--menu-width-set); }
|
||||
.menu.menuDataviewViewList {
|
||||
.content { overflow: hidden; padding: 0px; }
|
||||
.wrap { height: 100%; display: flex; flex-direction: column; }
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
|
||||
.menu.menuDataviewViewEdit,
|
||||
.menu.menuDataviewViewSettings,
|
||||
.menu.menuDataviewViewLayout { width: 360px; }
|
||||
.menu.menuDataviewViewLayout { width: var(--menu-width-set); }
|
||||
.menu.menuDataviewViewEdit,
|
||||
.menu.menuDataviewViewSettings,
|
||||
.menu.menuDataviewViewLayout {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuHelp { width: 280px; position: fixed; }
|
||||
.menu.menuHelp { width: var(--menu-width-value); position: fixed; }
|
||||
.menu.menuHelp {
|
||||
.shareTooltip { display: flex; position: absolute; left: auto; right: 0; top: 100%; margin-top: 8px; }
|
||||
.shareTooltip {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuOnboarding { width: 334px; }
|
||||
.menu.menuOnboarding { width: var(--menu-width-value); }
|
||||
.menu.menuOnboarding {
|
||||
.content { padding: 16px; max-height: unset; }
|
||||
.wrap { display: flex; flex-direction: column; }
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.menu.menuOnboarding.isWizard { width: 280px; min-height: 458px; }
|
||||
.menu.menuOnboarding.isWizard { min-height: 458px; }
|
||||
.menu.menuOnboarding.isWizard {
|
||||
.bottom { position: absolute; bottom: 16px; width: calc(100% - 32px); margin: 0px; }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuSearchObject { width: 360px; }
|
||||
.menu.menuSearchObject { width: var(--menu-width-set); }
|
||||
.menu.menuSearchObject {
|
||||
.content { transition: none; padding: 12px 0px 0px 0px; max-height: unset; }
|
||||
.wrap { height: 100%; display: flex; flex-direction: column; }
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
}
|
||||
.wrap.withFilter {
|
||||
.emptySearch { height: calc(100% - 42px); }
|
||||
.loaderWrapper { top: 38px; height: calc(100% - 42px); }
|
||||
.loaderWrapper { top: 42px; height: calc(100% - 42px); }
|
||||
}
|
||||
|
||||
.items { height: 100%; }
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
.filter { flex-shrink: 0; }
|
||||
}
|
||||
|
||||
.menu.menuSearchObject.single { width: 224px; }
|
||||
.menu.menuSearchObject.single { width: var(--menu-width-icon); }
|
||||
.menu.menuSearchObject.single {
|
||||
.item {
|
||||
.name { margin: 0px; }
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.menu.menuSearchObject.big { width: 360px; }
|
||||
.menu.menuSearchObject.big { width: var(--menu-width-set); }
|
||||
.menu.menuSearchObject.big {
|
||||
.content { height: 360px; }
|
||||
.item {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuSearchText { width: 400px; height: 44px; padding: 0px; position: fixed; top: 42px; }
|
||||
.menu.menuSearchText { width: var(--menu-width-large); height: 44px; padding: 0px; position: fixed; top: 42px; }
|
||||
.menu.menuSearchText {
|
||||
.content { height: 100%; display: block; }
|
||||
.flex { width: 100%; flex-direction: row; align-items: center; padding: 0px 0px 0px 8px; }
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
.items { height: calc(100% - 38px); }
|
||||
}
|
||||
|
||||
.menu.menuSelect.skip { width: 320px; }
|
||||
.menu.menuSelect.skip { width: var(--menu-width-value); }
|
||||
.menu.menuSelect.skip {
|
||||
.name { margin: 0px; width: calc(100% - 24px); @include text-overflow-nw; }
|
||||
}
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
.items { padding: 8px 0px; }
|
||||
}
|
||||
|
||||
.menu.menuSelect.spaceSelect { width: 280px; }
|
||||
.menu.menuSelect.spaceSelect { width: var(--menu-width-value); }
|
||||
.menu.menuSelect.spaceSelect {
|
||||
.content { padding: 8px 0px; }
|
||||
.item { padding: 4px 16px; }
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuSmile { width: 404px; user-select: none; }
|
||||
.menu.menuSmile { width: var(--menu-width-large); user-select: none; }
|
||||
.menu.menuSmile {
|
||||
.content { overflow: visible; padding-bottom: 0px; max-height: unset; height: 404px; }
|
||||
.wrap { display: flex; flex-direction: column; height: 100%; }
|
||||
|
|
@ -140,6 +140,6 @@
|
|||
|
||||
html.platformWindows, html.platformLinux {
|
||||
.menus {
|
||||
.menu.menuSmile { width: 401px; }
|
||||
.ReactVirtualized__List { overflow-y: overlay !important; }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,20 +5,21 @@
|
|||
}
|
||||
|
||||
.menus {
|
||||
.menu.menuSyncStatus { width: 408px; height: 396px; }
|
||||
.menu.menuSyncStatus { width: var(--menu-width-large); height: var(--menu-width-large); }
|
||||
.menu.menuSyncStatus {
|
||||
.content { padding: 0px; height: 100%; max-height: unset; }
|
||||
.syncMenuWrapper { padding: 16px 0px 8px 0px; height: 100%; display: flex; flex-direction: column; }
|
||||
.syncMenuWrapper { padding: 16px 0px 0px 0px; height: 100%; display: flex; flex-direction: column; }
|
||||
.syncPanel { height: 28px; padding: 0px 16px; margin-bottom: 4px; display: flex; justify-content: space-between; align-items: center; }
|
||||
|
||||
.title { @include text-paragraph; font-weight: 600; padding: 0; color: var(--color-text-primary); }
|
||||
.icons { display: flex; gap: 0px 8px; }
|
||||
|
||||
.icons { display: flex; flex-direction: row; align-items: center; gap: 0px 8px; }
|
||||
.icons {
|
||||
.iconWrapper { display: flex; position: relative; align-items: center; justify-content: center; width: 28px; height: 28px; }
|
||||
.iconWrapper::before { content: ''; width: 100%; height: 100%; position: absolute; z-index: 0; border-radius: 50%; background: var(--color-shape-tertiary); }
|
||||
.iconWrapper.connected::before { background: #E5F8D6; }
|
||||
.iconWrapper.error::before { background: #FEE7E0; }
|
||||
.iconWrapper:hover::before { opacity: .5; }
|
||||
.iconWrapper.connected::before { background: #c5efa3; }
|
||||
.iconWrapper.error::before { background: #fcd1c3; }
|
||||
.iconWrapper:hover::before { opacity: 0.5; }
|
||||
|
||||
.iconWrapper {
|
||||
.icon { width: 20px; height: 20px; }
|
||||
|
|
@ -41,9 +42,9 @@
|
|||
|
||||
.items { height: 100%; padding: 0px; }
|
||||
.items {
|
||||
.sides { display: flex; justify-content: space-between; align-items: center; }
|
||||
.sides { display: flex; align-items: center; gap: 0px 4px; }
|
||||
.sides {
|
||||
.side.left { display: flex; align-items: center; }
|
||||
.side.left { display: flex; align-items: center; flex-grow: 1; width: calc(100% - 24px); }
|
||||
.side.right { width: 20px; flex-shrink: 0; display: flex; align-items: center; }
|
||||
.side.right {
|
||||
.icon { width: 20px; height: 20px; }
|
||||
|
|
@ -52,24 +53,24 @@
|
|||
.icon.synced { background-image: url('~img/icon/menu/syncStatus/ok.svg'); }
|
||||
.icon.error { background-image: url('~img/icon/menu/syncStatus/failed.svg'); display: block; margin: 0px; }
|
||||
.icon.more { background-image: url('~img/icon/menu/action/more0.svg'); opacity: 0; position: static; margin: 0px; }
|
||||
.icon.more:hover { background-color: unset !important; background-image: url('~img/icon/menu/action/more1.svg'); }
|
||||
}
|
||||
}
|
||||
|
||||
.sectionName { padding: 4px 16px; }
|
||||
|
||||
.item { padding: 3px 8px; margin: 0px 8px; width: unset; line-height: 22px; border-radius: 6px; }
|
||||
.item {
|
||||
.info { display: flex; align-items: baseline; }
|
||||
.info { display: flex; align-items: baseline; width: calc(100% - 24px); }
|
||||
.info {
|
||||
.iconObject { margin-right: 8px; }
|
||||
.name { margin: 0px 6px 0px 0px; @include text-overflow-nw; max-width: 250px; }
|
||||
.name { margin: 0px 6px 0px 0px; @include text-overflow-nw; }
|
||||
.size { color: var(--color-text-secondary); }
|
||||
}
|
||||
}
|
||||
|
||||
.item:hover,
|
||||
.item.selected { background: var(--color-shape-highlight-medium); }
|
||||
.item:hover,
|
||||
.item.selected {
|
||||
.item:hover, .item.hover { background: var(--color-shape-highlight-medium); }
|
||||
.item:hover, .item.hover {
|
||||
.side.right {
|
||||
.icon:not(.more) { display: none; }
|
||||
.icon.more { opacity: 1; }
|
||||
|
|
@ -92,7 +93,4 @@
|
|||
.items:before { content: ''; display: block; height: 1px; margin: 8px 16px 6px; background-color: var(--color-shape-secondary); }
|
||||
}
|
||||
|
||||
.menu.menuSyncStatusContext {
|
||||
#item-archive { color: var(--color-red); }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.menus {
|
||||
.menu.menuWidget { width: 240px; }
|
||||
.menu.menuWidget { width: var(--menu-width-icon); }
|
||||
.menu.menuWidget {
|
||||
.section:last-child::after { display: none; }
|
||||
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
.blocks > .empty { width: 100%; text-align: center; color: var(--color-text-secondary); @include text-header3; }
|
||||
|
||||
.blocks.horizontal { width: 704px; flex-direction: column; }
|
||||
.blocks.horizontal { width: 704px; flex-direction: column; padding-bottom: 80px; }
|
||||
|
||||
.blocks.isVideo {
|
||||
.block.blockMedia { max-height: unset; }
|
||||
|
|
|
|||
|
|
@ -22,7 +22,6 @@
|
|||
|
||||
.content { padding: 56px 80px 40px 80px; }
|
||||
.highlight { color: var(--color-red); background: var(--color-shape-tertiary); white-space: nowrap; }
|
||||
|
||||
.buttons { text-align: center; }
|
||||
.buttons { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0px 16px; }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -99,6 +99,9 @@
|
|||
a { color: var(--color-text-secondary); }
|
||||
}
|
||||
.paidOnOtherPlatform { text-align: center; margin: 0 8px; }
|
||||
.platformLabel {
|
||||
.button { margin-top: 8px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,8 @@
|
|||
.popup.popupSearch {
|
||||
.ReactVirtualized__List { padding: 8px 0px 4px; }
|
||||
|
||||
.innerWrap { width: 684px; height: 684px; overflow: hidden; }
|
||||
.innerWrap { width: 684px; height: 684px; max-height: calc(100% - 48px); overflow: hidden; }
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.innerWrap { width: calc(100% - 32px); left: 16px; margin-left: 0px !important; }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -123,6 +123,9 @@
|
|||
.wrap.isEditing { background: var(--color-shape-highlight-medium); }
|
||||
|
||||
.preview { background-image: url('#{$themePath}/icon/block/embed/default.svg'); }
|
||||
.preview {
|
||||
.label { color: #464646; }
|
||||
}
|
||||
.preview.isLatex { background-image: url('#{$themePath}/icon/block/embed/latex.svg'); }
|
||||
.preview.isMermaid { background-image: url('#{$themePath}/icon/block/embed/mermaid.svg'); }
|
||||
.preview.isChart { background-image: url('#{$themePath}/icon/block/embed/chart.svg'); }
|
||||
|
|
@ -159,7 +162,6 @@
|
|||
|
||||
.block.blockBookmark {
|
||||
.loaderWrapper { border: 0px; }
|
||||
.inner { border-color: transparent; background-color: var(--color-shape-highlight-medium); }
|
||||
}
|
||||
|
||||
/* BlockTable */
|
||||
|
|
|
|||
|
|
@ -8,11 +8,6 @@ html.themeDark {
|
|||
--color-text-primary: #ebebeb;
|
||||
--color-text-secondary: #9a9a9a;
|
||||
--color-text-tertiary: #606060;
|
||||
|
||||
--color-text-primary: #ebebeb;
|
||||
--color-text-secondary: #9a9a9a;
|
||||
--color-text-tertiary: #606060;
|
||||
|
||||
--color-text-inversion: #171717;
|
||||
|
||||
/* Shape */
|
||||
|
|
@ -273,6 +268,23 @@ html.themeDark {
|
|||
}
|
||||
}
|
||||
|
||||
/* Vault */
|
||||
|
||||
.vault { background-color: var(--color-bg-primary); }
|
||||
.vault {
|
||||
.item.gallery {
|
||||
.iconWrap { background-image: url('#{$themePath}/icon/vault/gallery.svg'); }
|
||||
}
|
||||
|
||||
.item.add {
|
||||
.iconWrap { background-image: url('#{$themePath}/icon/vault/plus.svg'); }
|
||||
}
|
||||
|
||||
.item.settings {
|
||||
.iconWrap { background-image: url('#{$themePath}/icon/vault/settings.svg'); }
|
||||
}
|
||||
}
|
||||
|
||||
/* Sidebar */
|
||||
|
||||
.sidebar { background-color: var(--color-bg-secondary); box-shadow: 0px 4px 16px rgba(0,0,0,0.2); }
|
||||
|
|
|
|||
|
|
@ -245,4 +245,21 @@
|
|||
|
||||
.menuQuickCapture { background: none; box-shadow: none; }
|
||||
.menuQuickCapture.isExpanded { background: var(--color-bg-secondary); box-shadow: 0px 4px 16px rgb(0 0 0 / 20%), 0px 0px 0px 1px #393933 inset; }
|
||||
|
||||
/* SyncStatus */
|
||||
|
||||
.menuSyncStatus {
|
||||
.icons {
|
||||
.iconWrapper.connected::before { background: #294b0e; }
|
||||
.iconWrapper.error::before { background: #581f0c; }
|
||||
}
|
||||
|
||||
.items {
|
||||
.sides {
|
||||
.side.right {
|
||||
.icon.more:hover { background-image: url('#{$themePath}/icon/menu/action/more1.svg'); }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
}
|
||||
|
||||
.widget.widgetView {
|
||||
.viewList, .viewGrid {
|
||||
#viewSelect {
|
||||
.select {
|
||||
.icon.arrow { background-image: url('#{$themePath}/arrow/widget.svg') !important; }
|
||||
}
|
||||
#viewSelect {
|
||||
.select {
|
||||
.icon.arrow { background-image: url('#{$themePath}/arrow/widget.svg') !important; }
|
||||
}
|
||||
}
|
||||
|
||||
.viewList, .viewGrid {
|
||||
.body {
|
||||
.item {
|
||||
.iconObject.isTask, .iconObject.isBookmark { background: none; }
|
||||
|
|
|
|||
|
|
@ -30,11 +30,15 @@
|
|||
}
|
||||
|
||||
.dimmer { position: absolute; height: 100%; width: 100%; border-radius: 2px; left: 0px; top: 0px; z-index: 1; cursor: grab; display: none; }
|
||||
.label.empty { text-align: center; @include text-common; white-space: nowrap; }
|
||||
|
||||
.contentWrapper { transition: height 0.4s $easeInQuint; }
|
||||
.innerWrap { transition: opacity 0.4s $easeInQuint; }
|
||||
|
||||
.emptyWrap { padding: 16px; display: flex; flex-direction: column; align-items: center; gap: 8px 0px; }
|
||||
.emptyWrap {
|
||||
.label { text-align: center; @include text-common; white-space: nowrap; }
|
||||
}
|
||||
|
||||
.icon.remove { position: absolute; top: -15px; left: -15px; height: 40px; width: 40px; display: none; z-index: 2; cursor: default !important; }
|
||||
.icon.remove {
|
||||
.inner {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.widget.widgetSpace { padding: 10px 16px; }
|
||||
.widget.widgetSpace { padding: 16px; }
|
||||
.widget.widgetSpace {
|
||||
.icon.remove { display: none !important; }
|
||||
|
||||
|
|
@ -13,7 +13,6 @@
|
|||
|
||||
.txt { flex-grow: 1; width: calc(100% - 52px) }
|
||||
.name { @include text-common; @include text-overflow-nw; font-weight: 500; }
|
||||
.type { @include text-small; @include text-overflow-nw; color: var(--color-text-secondary); }
|
||||
}
|
||||
|
||||
.side.right { flex-shrink: 0; }
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
.widget.widgetTree {
|
||||
.ReactVirtualized__List { padding: 0px 4px 12px 4px; }
|
||||
.emptyWrap { padding-top: 6px; }
|
||||
|
||||
.item { position: relative; }
|
||||
.item {
|
||||
|
|
|
|||
|
|
@ -12,13 +12,13 @@
|
|||
.clickable:hover::before { opacity: 1; }
|
||||
|
||||
.clickable {
|
||||
.icon { width: 24px; height: 24px; background-size: 20px; flex-shrink: 0px; transition: $transitionAllCommon; border-radius: 4px; }
|
||||
.icon { width: 24px; height: 24px; background-size: 20px; flex-shrink: 0; transition: $transitionAllCommon; border-radius: 4px; }
|
||||
|
||||
.icon.arrow { background-image: url('~img/arrow/select/dark.svg'); transform: rotate(-90deg); }
|
||||
.icon.plus { background-image: url('~img/icon/widget/plus.svg'); opacity: 0; }
|
||||
.icon.plus:hover { background-color: var(--color-shape-highlight-medium); }
|
||||
|
||||
.cellContent { flex-grow: 1; }
|
||||
.cellContent { flex-grow: 1; width: calc(100% - 24px); }
|
||||
.cellContent {
|
||||
.empty { display: block; color: var(--color-text-secondary); }
|
||||
}
|
||||
|
|
@ -30,6 +30,7 @@
|
|||
}
|
||||
.clickable:hover {
|
||||
.icon.plus { opacity: 1; }
|
||||
.cellContent { width: calc(100% - 58px); }
|
||||
}
|
||||
|
||||
.clickable.isExpanded {
|
||||
|
|
@ -47,6 +48,7 @@
|
|||
|
||||
.item {
|
||||
.inner { display: flex; flex-direction: row; align-items: center; gap: 0px 6px; height: 28px; }
|
||||
.iconObject { flex-shrink: 0; }
|
||||
.name { @include text-overflow-nw; flex-grow: 1; }
|
||||
|
||||
.buttons { flex-shrink: 0; display: flex; flex-direction: row; align-items: center; gap: 0px 6px; display: none; }
|
||||
|
|
|
|||
|
|
@ -1,10 +1,11 @@
|
|||
@import "~scss/_mixins";
|
||||
|
||||
.viewCalendar {
|
||||
.dateSelect { padding: 0px 12px; display: flex; flex-direction: row; margin: 8px 0px; justify-content: space-between; }
|
||||
.dateSelect { padding: 0px 12px; display: flex; flex-direction: row; margin: 4px 0px; justify-content: space-between; }
|
||||
.dateSelect {
|
||||
.side.left { @include text-paragraph; font-weight: 600; display: flex; flex-direction: row; gap: 0px 2px; align-items: center; }
|
||||
.side.right { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 0px 2px; align-items: center; }
|
||||
.side { gap: 0px 4px; display: flex; flex-direction: row; align-items: center; }
|
||||
.side.left { @include text-paragraph; font-weight: 600; }
|
||||
.side.right { justify-content: flex-end; }
|
||||
|
||||
.select { padding: 2px 4px; border: 0px; }
|
||||
.select {
|
||||
|
|
@ -19,31 +20,37 @@
|
|||
transition: $transitionAllCommon; transform: rotateZ(90deg);
|
||||
}
|
||||
.icon.arrow.left { transform: rotateZ(270deg); }
|
||||
|
||||
.icon.arrow:hover { background-color: var(--color-shape-highlight-medium); }
|
||||
}
|
||||
|
||||
.table { display: flex; flex-flow: column; padding: 0px 16px; }
|
||||
.table {
|
||||
.tableHead, .tableBody { display: grid; grid-template-columns: repeat(7, 1fr); }
|
||||
.tableHead { flex-shrink: 0; margin: 0px 0px 8px 0px; }
|
||||
.tableHead { flex-shrink: 0; height: 28px; }
|
||||
.tableHead {
|
||||
.item { @include text-small; text-align: center; color: var(--color-text-secondary); }
|
||||
.item, .inner { display: flex; flex-direction: row; align-items: center; justify-content: center; }
|
||||
|
||||
.item { @include text-small; color: var(--color-text-secondary); }
|
||||
.item {
|
||||
.inner { width: 100%; max-width: 28px; height: 28px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.day {
|
||||
display: flex; flex-direction: row; align-items: center; justify-content: center; @include text-small; aspect-ratio: 1; border-radius: 4px;
|
||||
transition: $transitionAllCommon; position: relative;
|
||||
}
|
||||
.day { @include text-common; }
|
||||
.day.today { color: var(--color-system-accent-125); font-weight: 500; }
|
||||
.day.other { color: var(--color-text-secondary); }
|
||||
|
||||
.day, .day .inner { display: flex; flex-direction: row; align-items: center; justify-content: center; }
|
||||
|
||||
.day {
|
||||
.inner { width: 100%; max-width: 28px; height: 28px; border-radius: 4px; transition: $transitionAllCommon; position: relative; }
|
||||
.bullet { width: 3px; height: 3px; border-radius: 50%; position: absolute; bottom: 2px; left: 50%; margin-left: -1.5px; background: var(--color-control-active); }
|
||||
}
|
||||
|
||||
.day:hover, .day.active { background-color: var(--color-shape-highlight-medium); }
|
||||
.day:hover, .day.active {
|
||||
.inner { background-color: var(--color-shape-highlight-medium); }
|
||||
}
|
||||
.day:hover, .day.active {
|
||||
.bullet { background: var(--color-text-primary); }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,8 +7,6 @@
|
|||
.contentWrapper { flex-grow: 1; min-height: 8px; }
|
||||
.head { padding-bottom: 4px; }
|
||||
|
||||
.emptyWrap { padding: 16px; display: flex; flex-direction: column; align-items: center; gap: 8px 0px; }
|
||||
|
||||
#viewSelect { padding: 0px 16px; }
|
||||
#viewSelect:empty { display: none; }
|
||||
#viewSelect {
|
||||
|
|
@ -24,8 +22,8 @@
|
|||
}
|
||||
|
||||
.widget.widgetView.isPreview {
|
||||
.body.isCompact {
|
||||
.item {
|
||||
.body {
|
||||
.item.canDrag {
|
||||
.inner { padding-left: 0px !important; padding-right: 8px !important; width: calc(100% - 20px); }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue