mirror of
https://github.com/hcengineering/platform.git
synced 2024-11-22 03:14:40 +03:00
TSK-1324. Updated the layout of the panel with applications (#3080)
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov
GitHub
parent
f0effc13c2
commit
564a361db0
@ -82,6 +82,7 @@
|
||||
--theme-navpanel-divider: rgba(255, 255, 255, .1);
|
||||
--theme-navpanel-border: transparent;
|
||||
--theme-navpanel-icons-color: #7F7F7F;
|
||||
--theme-navpanel-icons-divider: rgba(255, 255, 255, .11);
|
||||
--theme-comp-header-color: #1F1F2C;
|
||||
--theme-divider-color: rgba(255, 255, 255, .06);
|
||||
|
||||
@ -229,6 +230,7 @@
|
||||
--theme-navpanel-divider: rgba(0, 0, 0, .06);
|
||||
--theme-navpanel-border: rgba(0, 0, 0, .06);
|
||||
--theme-navpanel-icons-color: #7F7F7F;
|
||||
--theme-navpanel-icons-divider: rgba(0, 0, 0, .1);
|
||||
--theme-comp-header-color: #FBFBFC;
|
||||
--theme-divider-color: rgba(0, 0, 0, .06);
|
||||
|
||||
|
||||
@ -231,6 +231,8 @@ input.search {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
.flex-col-stretch {
|
||||
display: flex;
|
||||
@ -646,6 +648,10 @@ input.search {
|
||||
.square-36 { width: 2.25rem; height: 2.25rem; }
|
||||
|
||||
/* --------- */
|
||||
.svg-16px {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.svg-inline {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
|
||||
@ -23,18 +23,19 @@
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: var(--theme-navpanel-color);
|
||||
border-right: 1px solid var(--theme-navpanel-divider);
|
||||
|
||||
&.vertical {
|
||||
flex-direction: column;
|
||||
min-width: var(--app-panel-width);
|
||||
width: var(--app-panel-width);
|
||||
height: 100%;
|
||||
border-right: 1px solid var(--theme-navpanel-divider);
|
||||
}
|
||||
&.horizonatl {
|
||||
min-height: var(--app-panel-width);
|
||||
height: var(--app-panel-width);
|
||||
width: 100%;
|
||||
border-top: 1px solid var(--theme-navpanel-divider);
|
||||
}
|
||||
}
|
||||
.antiPanel-navigator,
|
||||
|
||||
@ -21,6 +21,7 @@
|
||||
import { defaultSP } from '../types'
|
||||
import IconUpOutline from './icons/UpOutline.svelte'
|
||||
import IconDownOutline from './icons/DownOutline.svelte'
|
||||
import HalfUpDown from './icons/HalfUpDown.svelte'
|
||||
|
||||
export let padding: string | undefined = undefined
|
||||
export let autoscroll: boolean = false
|
||||
@ -31,7 +32,7 @@
|
||||
export let horizontal: boolean = false
|
||||
export let contentDirection: 'vertical' | 'vertical-reverse' | 'horizontal' = 'vertical'
|
||||
export let noStretch: boolean = autoscroll
|
||||
export let buttons: boolean = false
|
||||
export let buttons: 'normal' | 'union' | false = false
|
||||
export let shrink: boolean = false
|
||||
export let divScroll: HTMLElement | undefined = undefined
|
||||
export let checkForHeaders = false
|
||||
@ -422,6 +423,17 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$: topButton =
|
||||
(orientir === 'vertical' && (mask === 'top' || mask === 'both')) ||
|
||||
(orientir === 'horizontal' && (maskH === 'right' || maskH === 'both'))
|
||||
? 'visible'
|
||||
: 'hidden'
|
||||
$: bottomButton =
|
||||
(orientir === 'vertical' && (mask === 'bottom' || mask === 'both')) ||
|
||||
(orientir === 'horizontal' && (maskH === 'left' || maskH === 'both'))
|
||||
? 'visible'
|
||||
: 'hidden'
|
||||
</script>
|
||||
|
||||
<svelte:window on:resize={_resize} />
|
||||
@ -429,7 +441,8 @@
|
||||
<div
|
||||
bind:this={divScrollContainer}
|
||||
class="scroller-container {orientir} {invertScroll ? 'invert' : 'normal'}"
|
||||
class:buttons
|
||||
class:buttons={buttons === 'normal'}
|
||||
class:union={buttons === 'union'}
|
||||
class:shrink
|
||||
style:--scroller-header-height={`${fade.multipler?.top ?? 0.125}rem`}
|
||||
style:--scroller-footer-height={`${fade.multipler?.bottom ?? 0.125}rem`}
|
||||
@ -471,13 +484,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{#if buttons}
|
||||
{#if buttons === 'normal'}
|
||||
<button
|
||||
class="scrollButton top {orientir}"
|
||||
style:visibility={(orientir === 'vertical' && (mask === 'top' || mask === 'both')) ||
|
||||
(orientir === 'horizontal' && (maskH === 'right' || maskH === 'both'))
|
||||
? 'visible'
|
||||
: 'hidden'}
|
||||
style:visibility={topButton}
|
||||
on:click|preventDefault|stopPropagation={() => tapScroll(stepScroll, 'up')}
|
||||
>
|
||||
<div style:transform={orientir === 'horizontal' ? 'rotate(-90deg)' : ''}>
|
||||
@ -486,16 +496,30 @@
|
||||
</button>
|
||||
<button
|
||||
class="scrollButton bottom {orientir}"
|
||||
style:visibility={(orientir === 'vertical' && (mask === 'bottom' || mask === 'both')) ||
|
||||
(orientir === 'horizontal' && (maskH === 'left' || maskH === 'both'))
|
||||
? 'visible'
|
||||
: 'hidden'}
|
||||
style:visibility={bottomButton}
|
||||
on:click|preventDefault|stopPropagation={() => tapScroll(stepScroll, 'down')}
|
||||
>
|
||||
<div style:transform={orientir === 'horizontal' ? 'rotate(-90deg)' : ''}>
|
||||
<IconDownOutline size={'medium'} />
|
||||
</div>
|
||||
</button>
|
||||
{:else if buttons === 'union'}
|
||||
<div class="updown-container {orientir}">
|
||||
<button
|
||||
class="updown-up"
|
||||
style:visibility={topButton}
|
||||
on:click|preventDefault|stopPropagation={() => tapScroll(stepScroll, 'up')}
|
||||
>
|
||||
<HalfUpDown />
|
||||
</button>
|
||||
<button
|
||||
class="updown-down"
|
||||
style:visibility={bottomButton}
|
||||
on:click|preventDefault|stopPropagation={() => tapScroll(stepScroll, 'down')}
|
||||
>
|
||||
<HalfUpDown />
|
||||
</button>
|
||||
</div>
|
||||
{/if}
|
||||
<div
|
||||
class="bar"
|
||||
@ -527,9 +551,49 @@
|
||||
</div>
|
||||
|
||||
<style lang="scss">
|
||||
.updown-container {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
transform-origin: center;
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.15s var(--timing-main);
|
||||
|
||||
button {
|
||||
width: 1rem;
|
||||
height: 0.5rem;
|
||||
color: var(--theme-trans-color);
|
||||
border-radius: 0.25rem;
|
||||
border: none;
|
||||
outline: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: var(--theme-caption-color);
|
||||
background-color: ver(--theme-button-hovered);
|
||||
}
|
||||
}
|
||||
.updown-down {
|
||||
transform-origin: center;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
&.vertical {
|
||||
left: 50%;
|
||||
bottom: -2.25rem;
|
||||
transform: translate(-50%, 0) rotate(0deg);
|
||||
}
|
||||
&.horizontal {
|
||||
top: 50%;
|
||||
right: -1.5rem;
|
||||
transform: translate(0, -50%) rotate(90deg);
|
||||
}
|
||||
}
|
||||
.scrollButton {
|
||||
position: absolute;
|
||||
color: var(--caption-color);
|
||||
color: var(--theme-caption-color);
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.25rem;
|
||||
@ -548,10 +612,10 @@
|
||||
opacity: 0.8;
|
||||
}
|
||||
&:hover {
|
||||
background-color: var(--button-bg-color);
|
||||
background-color: var(--theme-button-hovered);
|
||||
}
|
||||
&:focus {
|
||||
border-color: var(--primary-edit-border-color);
|
||||
box-shadow: 0 0 0 2px var(--primary-button-focused-border);
|
||||
}
|
||||
&.vertical {
|
||||
width: 2rem;
|
||||
@ -592,6 +656,7 @@
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
flex-shrink: 1;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
@ -601,11 +666,23 @@
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&.vertical {
|
||||
min-width: 1.5rem 0;
|
||||
}
|
||||
&.horizontal {
|
||||
margin-right: 2rem;
|
||||
}
|
||||
&.buttons.vertical {
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
&.buttons.horizontal {
|
||||
margin: 0 1.5rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
&.union.vertical {
|
||||
margin-bottom: 2.75rem;
|
||||
}
|
||||
&.union.horizontal {
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
&.normal {
|
||||
.track,
|
||||
@ -693,7 +770,7 @@
|
||||
background-color: var(--scrollbar-bar-color);
|
||||
border-radius: 0.125rem;
|
||||
opacity: 0;
|
||||
box-shadow: 0 0 1px 1px var(--board-bg-color);
|
||||
box-shadow: 0 0 1px 1px var(--theme-overlay-color);
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
transition: all 0.15s;
|
||||
|
||||
7
packages/ui/src/components/icons/HalfUpDown.svelte
Normal file
7
packages/ui/src/components/icons/HalfUpDown.svelte
Normal file
@ -0,0 +1,7 @@
|
||||
<script lang="ts">
|
||||
const fill: string = 'currentColor'
|
||||
</script>
|
||||
|
||||
<svg width="1rem" height=".5rem" {fill} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 8">
|
||||
<polygon points="8,3.4 4.7,6.7 11.3,6.7 " />
|
||||
</svg>
|
||||
@ -20,7 +20,7 @@
|
||||
onDestroy(() => clearInterval(interval))
|
||||
</script>
|
||||
|
||||
<div style="min-width: 2.5rem">
|
||||
<div style="min-width: 40px">
|
||||
<span>{hours}</span>
|
||||
<span style="visibility: {delimiter ? 'visible' : 'hidden'}">:</span>
|
||||
<span>{minutes}</span>
|
||||
|
||||
@ -37,5 +37,5 @@
|
||||
|
||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||
<div class="flex-center" on:click={changeFontSize}>
|
||||
<FontSize size={'small'} />
|
||||
<FontSize />
|
||||
</div>
|
||||
|
||||
@ -46,7 +46,7 @@
|
||||
{#if selected}
|
||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||
<div bind:this={trigger} class="flex-center cursor-pointer" on:click={selectLanguage}>
|
||||
<svg class="svg-small">
|
||||
<svg class="svg-16px">
|
||||
<use href="#{selected.id}-flag" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
@ -93,7 +93,7 @@
|
||||
|
||||
<Theme>
|
||||
<div id="ui-root">
|
||||
<div class="status-bar">
|
||||
<div class="antiStatusBar">
|
||||
<div class="flex-row-center h-full content-color">
|
||||
<div
|
||||
class="status-info"
|
||||
@ -108,15 +108,15 @@
|
||||
<div class="flex-center widget cursor-pointer">
|
||||
<LangSelector />
|
||||
</div>
|
||||
<div class="flex-center widget cursor-pointer mr-3">
|
||||
<div class="flex-center widget cursor-pointer">
|
||||
<ThemeSelector />
|
||||
</div>
|
||||
<div class="flex-center widget cursor-pointer mr-3">
|
||||
<div class="flex-center widget cursor-pointer">
|
||||
<FontSizeSelector />
|
||||
</div>
|
||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||
<div
|
||||
class="flex-center widget mr-3"
|
||||
class="flex-center widget"
|
||||
class:rotated={!isPortrait && isMobile}
|
||||
on:click={() => {
|
||||
alwaysMobile = !alwaysMobile
|
||||
@ -131,7 +131,7 @@
|
||||
</div>
|
||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||
<div
|
||||
class="flex-center widget cursor-pointer mr-3"
|
||||
class="flex-center widget cursor-pointer"
|
||||
on:click={(evt) => {
|
||||
getMetadata(uiPlugin.metadata.ShowNetwork)?.(evt)
|
||||
}}
|
||||
@ -169,7 +169,7 @@
|
||||
height: 100%;
|
||||
// height: var(--app-height);
|
||||
|
||||
.status-bar {
|
||||
.antiStatusBar {
|
||||
min-height: var(--status-bar-height);
|
||||
height: var(--status-bar-height);
|
||||
// min-width: 600px;
|
||||
@ -182,7 +182,7 @@
|
||||
text-align: center;
|
||||
}
|
||||
.clock {
|
||||
margin: 0 1rem 0 24px;
|
||||
margin: 0 16px 0 24px;
|
||||
font-weight: 500;
|
||||
user-select: none;
|
||||
}
|
||||
@ -198,6 +198,9 @@
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
.widget + .widget {
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.app {
|
||||
|
||||
@ -19,5 +19,5 @@
|
||||
|
||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||
<div class="flex-center" on:click={changeTheme}>
|
||||
<Mute size={'small'} />
|
||||
<Mute />
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
export let fill: string = 'currentColor'
|
||||
</script>
|
||||
|
||||
<svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg class="svg-16px" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<path
|
||||
d="M20.5,3.2h-17C2.5,3.2,1.8,4,1.8,5v10c0,1,0.8,1.8,1.8,1.8h5.2v3H7c-0.4,0-0.8,0.3-0.8,0.8c0,0.4,0.3,0.8,0.8,0.8h2.5h5H17c0.4,0,0.8-0.3,0.8-0.8c0-0.4-0.3-0.8-0.8-0.8h-1.8v-3h5.2c1,0,1.8-0.8,1.8-1.8V5C22.2,4,21.5,3.2,20.5,3.2z M13.8,19.8h-3.5v-3h3.5V19.8z M20.8,15c0,0.1-0.1,0.2-0.2,0.2h-6h-5h-6c-0.1,0-0.2-0.1-0.2-0.2V5c0-0.1,0.1-0.2,0.2-0.2h17c0.1,0,0.2,0.1,0.2,0.2V15z"
|
||||
|
||||
@ -1,9 +1,8 @@
|
||||
<script lang="ts">
|
||||
export let size: 'small' | 'medium' | 'large'
|
||||
const fill: string = 'currentColor'
|
||||
</script>
|
||||
|
||||
<svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg class="svg-16px" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<path d="M5.1,4.6L0,19.4h2.1l1.5-4.2h5.7l1.5,4.2h2.1L7.7,4.6H5.1z M3.9,13.4l2.3-6.9h0.2l2.4,6.9H3.9z" />
|
||||
<path
|
||||
|
||||
@ -1,9 +1,8 @@
|
||||
<script lang="ts">
|
||||
export let size: 'small' | 'medium' | 'large' | 'full'
|
||||
const fill: string = 'currentColor'
|
||||
</script>
|
||||
|
||||
<svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg class="svg-16px" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M14.3,8c-0.2-0.1-0.5-0.1-0.7,0c-1.6,1.2-3.9,1-5.3-0.4C6.9,6.2,6.7,4,7.9,2.4c0.1-0.2,0.2-0.4,0-0.7 C7.9,1.5,7.6,1.4,7.4,1.4c-3.5,0.3-6.1,3.3-6,6.8c0.1,3.5,2.9,6.3,6.4,6.4c0.1,0,0.1,0,0.2,0c3.4,0,6.3-2.6,6.6-6 C14.6,8.4,14.5,8.1,14.3,8z M7.8,13.4C5,13.3,2.7,11,2.6,8.2C2.5,5.7,4.1,3.6,6.3,2.9C5.5,4.8,6,7,7.5,8.5c1.5,1.5,3.8,1.9,5.7,1.2 C12.4,11.9,10.3,13.5,7.8,13.4z"
|
||||
/>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
export let fill: string = 'currentColor'
|
||||
</script>
|
||||
|
||||
<svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg class="svg-16px" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<path
|
||||
d="M17,1.2H7c-1.2,0-2.2,1-2.2,2.2v17c0,1.2,1,2.2,2.2,2.2h10c1.2,0,2.2-1,2.2-2.2v-17C19.2,2.3,18.2,1.2,17,1.2z M17.8,20.5c0,0.4-0.3,0.8-0.8,0.8H7c-0.4,0-0.8-0.3-0.8-0.8v-17c0-0.4,0.3-0.8,0.8-0.8h10c0.4,0,0.8,0.3,0.8,0.8V20.5z"
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
export let fill: string = 'currentColor'
|
||||
</script>
|
||||
|
||||
<svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg class="svg-16px" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<g stroke={fill}>
|
||||
<path
|
||||
stroke-width={fill !== 'currentColor' ? 2 : 1}
|
||||
|
||||
@ -287,6 +287,18 @@ export function fitPopupElement (
|
||||
newProps.maxWidth = 'calc(100vw - var(--app-panel-width) - 1rem)'
|
||||
newProps.maxHeight = 'calc(100vh - 1rem)'
|
||||
show = true
|
||||
} else if (element === 'notify') {
|
||||
newProps.top = '2.5rem'
|
||||
newProps.left = '4.75rem'
|
||||
newProps.maxWidth = '42rem'
|
||||
newProps.maxHeight = 'calc(100vh - 5rem)'
|
||||
show = true
|
||||
} else if (element === 'notify-mobile') {
|
||||
newProps.bottom = 'calc(var(--app-panel-width) + .75rem)'
|
||||
newProps.left = '.5rem'
|
||||
newProps.maxWidth = 'calc(100vw - 1rem)'
|
||||
newProps.maxHeight = 'calc(100vh - var(--app-panel-width) - 1.5rem)'
|
||||
show = true
|
||||
} else if (element === 'full' && contentPanel === undefined) {
|
||||
newProps.top = '0'
|
||||
newProps.bottom = '0'
|
||||
|
||||
@ -140,6 +140,8 @@ export type PopupPosAlignment =
|
||||
| 'account'
|
||||
| 'account-portrait'
|
||||
| 'account-mobile'
|
||||
| 'notify'
|
||||
| 'notify-mobile'
|
||||
| 'full'
|
||||
| 'content'
|
||||
| 'middle'
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
<!-- ALL HASHTAGs -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<symbol id="board" viewBox="0 0 24 24">
|
||||
<path d="M19.8,1.2h-4c-2,0-3,0.9-3,2.9v6.8c0,1.9,1,2.9,3,2.9h4c2,0,3-0.9,3-2.9V4.1C22.8,2.2,21.8,1.2,19.8,1.2z M21.2,10.9c0,1-0.2,1.4-1.5,1.4h-4c-1.3,0-1.5-0.4-1.5-1.4V4.1c0-1,0.2-1.4,1.5-1.4h4c1.3,0,1.5,0.4,1.5,1.4V10.9z" />
|
||||
<path d="M19.8,15.2h-4c-2,0-3,0.9-3,2.8v1.8c0,1.9,1,2.8,3,2.8h4c2,0,3-0.9,3-2.8v-1.8C22.8,16.2,21.8,15.2,19.8,15.2z M21.2,19.9c0,1-0.2,1.3-1.5,1.3h-4c-1.3,0-1.5-0.4-1.5-1.3v-1.8c0-1,0.2-1.3,1.5-1.3h4c1.3,0,1.5,0.4,1.5,1.3V19.9z" />
|
||||
<path d="M8.3,10.2h-4c-2,0-3,0.9-3,2.8v6.8c0,1.9,1,2.8,3,2.8h4c2,0,3-0.9,3-2.8v-6.8C11.2,11.2,10.3,10.2,8.3,10.2z M9.8,19.9c0,1-0.2,1.3-1.5,1.3h-4c-1.3,0-1.5-0.4-1.5-1.3v-6.8c0-1,0.2-1.3,1.5-1.3h4c1.3,0,1.5,0.4,1.5,1.3V19.9z" />
|
||||
<path d="M8.3,1.2h-4c-2,0-3,0.9-3,2.9v1.8c0,1.9,1,2.9,3,2.9h4c2,0,3-0.9,3-2.9V4.1C11.2,2.2,10.3,1.2,8.3,1.2z M9.8,5.9c0,1-0.2,1.4-1.5,1.4h-4C3,7.2,2.8,6.9,2.8,5.9V4.1c0-1,0.2-1.4,1.5-1.4h4c1.3,0,1.5,0.4,1.5,1.4V5.9z" />
|
||||
<path d="M10.6,3.9H4.5c-0.3,0-0.6,0.3-0.6,0.6v3.7c0,0.3,0.3,0.6,0.6,0.6h6.1c0.3,0,0.6-0.3,0.6-0.6V4.5C11.2,4.1,11,3.9,10.6,3.9zM10,7.6H5.1V5.1H10V7.6z" />
|
||||
<path d="M19.5,15.2h-6.1c-0.3,0-0.6,0.3-0.6,0.6v3.7c0,0.3,0.3,0.6,0.6,0.6h6.1c0.3,0,0.6-0.3,0.6-0.6v-3.7C20.1,15.5,19.9,15.2,19.5,15.2z M18.9,18.9H14v-2.5h4.9V18.9z" />
|
||||
<path d="M10.6,10.3H4.5c-0.3,0-0.6,0.3-0.6,0.6v8.6c0,0.3,0.3,0.6,0.6,0.6h6.1c0.3,0,0.6-0.3,0.6-0.6v-8.6C11.2,10.6,11,10.3,10.6,10.3z M10,18.9H5.1v-7.4H10V18.9z" />
|
||||
<path d="M19.5,3.9h-6.1c-0.3,0-0.6,0.3-0.6,0.6v8.6c0,0.3,0.3,0.6,0.6,0.6h6.1c0.3,0,0.6-0.3,0.6-0.6V4.5C20.1,4.1,19.9,3.9,19.5,3.9z M18.9,12.5H14V5.1h4.9V12.5z" />
|
||||
</symbol>
|
||||
<symbol id="card" viewBox="0 0 24 24">
|
||||
<path d="M21.4,3.1c-0.2-0.2-0.6-0.2-0.8,0L11.1,13l-2.3-2.4c-0.2-0.2-0.6-0.2-0.8,0s-0.2,0.6,0,0.8l2.7,2.8 c0.1,0.1,0.3,0.2,0.4,0.2s0.3-0.1,0.4-0.2l9.9-10.4C21.7,3.7,21.7,3.3,21.4,3.1z"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.3 KiB |
@ -1,18 +1,13 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<symbol id="calendar" viewBox="0 0 24 24">
|
||||
<path d="M16.8,2.8V2c0-0.4-0.3-0.8-0.8-0.8S15.2,1.6,15.2,2v0.8H8.8V2c0-0.4-0.3-0.8-0.8-0.8S7.2,1.6,7.2,2v0.8 c-3.2,0.3-5,2.3-5,5.7V17c0,3.7,2.1,5.8,5.8,5.8h8c3.7,0,5.8-2.1,5.8-5.8V8.5C21.8,5.1,19.9,3.1,16.8,2.8z M7.2,4.3V5 c0,0.4,0.3,0.8,0.8,0.8S8.8,5.4,8.8,5V4.2h6.5V5c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8V4.3c2.3,0.2,3.4,1.6,3.5,4H3.8 C3.8,5.9,5,4.5,7.2,4.3z M16,21.2H8c-2.9,0-4.2-1.4-4.2-4.2V9.8h16.5V17C20.2,19.9,18.9,21.2,16,21.2z" />
|
||||
<path d="M15.7,12.7L15.7,12.7c-0.6,0-1,0.4-1,1s0.5,1,1,1s1-0.4,1-1S16.3,12.7,15.7,12.7z" />
|
||||
<path d="M15.7,15.7L15.7,15.7c-0.6,0-1,0.4-1,1s0.5,1,1,1s1-0.4,1-1S16.3,15.7,15.7,15.7z" />
|
||||
<path d="M12,12.7L12,12.7c-0.6,0-1,0.4-1,1s0.5,1,1,1s1-0.4,1-1S12.6,12.7,12,12.7z" />
|
||||
<path d="M12,15.7L12,15.7c-0.6,0-1,0.4-1,1s0.5,1,1,1s1-0.4,1-1S12.6,15.7,12,15.7z" />
|
||||
<path d="M8.3,12.7L8.3,12.7c-0.6,0-1,0.4-1,1s0.5,1,1,1s1-0.4,1-1S8.9,12.7,8.3,12.7z" />
|
||||
<path d="M8.3,15.7L8.3,15.7c-0.6,0-1,0.4-1,1s0.5,1,1,1s1-0.4,1-1S8.9,15.7,8.3,15.7z" />
|
||||
<path d="M16.5,5h-0.5V4c0-0.3-0.3-0.6-0.6-0.6S14.7,3.7,14.7,4v1H9.3V4c0-0.3-0.3-0.6-0.6-0.6S8.1,3.7,8.1,4v1H7.5c-2,0-3.6,1.6-3.6,3.6v8.9c0,2,1.6,3.6,3.6,3.6h8.9c2,0,3.6-1.6,3.6-3.6V8.6C20,6.7,18.4,5,16.5,5z M7.5,6.2h0.5v1c0,0.3,0.3,0.6,0.6,0.6s0.6-0.3,0.6-0.6v-1h5.4v1c0,0.3,0.3,0.6,0.6,0.6s0.6-0.3,0.6-0.6v-1h0.5c1.3,0,2.4,1.1,2.4,2.4V10H5.1V8.6C5.1,7.3,6.2,6.2,7.5,6.2z M16.5,19.9H7.5c-1.3,0-2.4-1.1-2.4-2.4v-6.3h13.7v6.3C18.9,18.8,17.8,19.9,16.5,19.9z" />
|
||||
</symbol>
|
||||
<symbol id="location" viewBox="0 0 16 16">
|
||||
<path d="M8,4.6c-1.5,0-2.6,1.2-2.6,2.6S6.5,9.9,8,9.9s2.6-1.2,2.6-2.6S9.5,4.6,8,4.6z M8,8.9c-0.9,0-1.6-0.7-1.6-1.6 c0-0.9,0.7-1.6,1.6-1.6s1.6,0.7,1.6,1.6C9.6,8.2,8.9,8.9,8,8.9z"/>
|
||||
<path d="M8,1.8c-3,0-5.5,2.5-5.5,5.5c0,1.9,0.9,3.4,2,4.5c1.1,1.1,2.3,1.8,2.9,2.1c0.4,0.2,0.9,0.2,1.3,0c0.6-0.3,1.8-1,2.9-2.1 c1.1-1.1,2-2.6,2-4.5C13.5,4.3,11,1.8,8,1.8z M10.8,11.1c-1,1-2.1,1.7-2.6,2c-0.1,0.1-0.2,0.1-0.3,0c-0.6-0.3-1.7-1-2.6-2 c-1-1-1.7-2.3-1.7-3.8c0-2.5,2-4.5,4.5-4.5s4.5,2,4.5,4.5C12.5,8.8,11.7,10.1,10.8,11.1z"/>
|
||||
</symbol>
|
||||
<symbol id="reminder" viewBox="0 0 493 511.92">
|
||||
<path fill-rule="nonzero" d="M277.16 41.75c49.87 6.77 94.55 29.88 128.47 63.79 40.67 40.67 65.83 96.87 65.83 158.93 0 62.08-25.15 118.28-65.83 158.96a227.22 227.22 0 0 1-25.34 21.83l27.24 38.33c5.68 8.18 3.65 19.42-4.54 25.11-8.19 5.68-19.44 3.65-25.12-4.54l-28.28-39.78c-30.84 15.91-65.83 24.89-102.92 24.89-37.7 0-73.23-9.28-104.43-25.69l-26.59 39.71c-5.54 8.28-16.76 10.5-25.04 4.95-8.29-5.54-10.5-16.75-4.95-25.03l26.07-38.95a225.636 225.636 0 0 1-24-20.83c-40.68-40.68-65.84-96.89-65.84-158.96 0-62.07 25.16-118.26 65.84-158.94 36.44-36.43 85.34-60.39 139.74-65.03 16.45-1.4 33.38-.96 49.69 1.25zm204.53 102.98c17.3-41.28 15.24-84.52-9.51-113.49-29.7-34.77-83.39-38.75-133.26-14.3 53.01 36.36 101.12 78.78 142.77 127.79zm-470.15 1.35C-6.1 104.02-4.01 59.97 21.21 30.45 51.47-4.97 106.18-9.03 156.99 15.88c-54 37.06-103.03 80.26-145.45 130.2zm269.3 101.47 67.65-1.18c9.97-.17 18.19 7.76 18.36 17.73.18 9.97-7.76 18.19-17.73 18.37l-69.51 1.21c-6.61 11.32-18.89 18.93-32.94 18.93-21.05 0-38.12-17.08-38.12-38.13 0-14.52 8.13-27.15 20.08-33.58v-87.35c0-9.97 8.07-18.05 18.04-18.05 9.97 0 18.06 8.08 18.06 18.05v87.35a38.324 38.324 0 0 1 16.11 16.65zm99.27-116.5c-34.14-34.14-81.32-55.26-133.43-55.26-52.1 0-99.28 21.12-133.42 55.26-34.15 34.14-55.27 81.32-55.27 133.43 0 52.11 21.12 99.28 55.27 133.43 34.14 34.14 81.31 55.26 133.41 55.26 52.12 0 99.29-21.12 133.43-55.26 34.14-34.15 55.28-81.32 55.28-133.44 0-52.1-21.13-99.27-55.27-133.42z"/>
|
||||
<symbol id="reminder" viewBox="0 0 24 24">
|
||||
<path d="M14.6,10.1l-2.4,1.8l-1.4-1c-0.3-0.2-0.6-0.1-0.8,0.2c-0.2,0.3-0.1,0.6,0.2,0.8l1.8,1.2c0,0,0,0,0,0c0.1,0.1,0.2,0.1,0.3,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0.1,0,0.2,0,0.2-0.1c0,0,0,0,0.1,0c0,0,0,0,0.1,0l2.8-2c0.3-0.2,0.3-0.6,0.1-0.8C15.2,10,14.8,9.9,14.6,10.1z" />
|
||||
<path d="M21,6.3c-0.2-0.7-0.5-1.3-1.1-1.7c-0.5-0.4-1.2-0.7-1.9-0.7c-0.5,0-1,0.1-1.4,0.3c-0.4,0.2-0.8,0.5-1.1,0.9c-0.6-0.3-1.1-0.5-1.7-0.6c-1.5-0.3-3-0.2-4.4,0.4C9.1,5,8.8,5.1,8.6,5.2c0,0,0-0.1-0.1-0.1C8.2,4.6,7.6,4.2,7,4C6.4,3.7,5.7,3.7,5,4C4.4,4.2,3.8,4.6,3.5,5.1C3.1,5.7,2.9,6.3,2.9,7c0,0.6,0.2,1.2,0.5,1.7c0.3,0.5,0.8,0.9,1.3,1.2c0.1,0,0.1,0,0.2,0c-0.2,0.7-0.3,1.4-0.3,2.1c0,1,0.2,2,0.6,2.9c0.4,0.9,0.9,1.8,1.6,2.5c0.1,0.1,0.2,0.2,0.3,0.3l-1.6,1.6c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.1,0.3,0.2,0.4,0.2c0.2,0,0.3-0.1,0.4-0.2l1.7-1.7c0.4,0.2,0.8,0.5,1.2,0.6c0.9,0.4,1.9,0.6,2.9,0.6c0,0,0.1,0,0.1,0c1.4,0,2.8-0.4,4-1.2l1.7,1.7c0.1,0.1,0.3,0.2,0.4,0.2c0.2,0,0.3-0.1,0.4-0.2c0.2-0.2,0.2-0.6,0-0.8l-1.5-1.5c0.9-0.8,1.6-1.7,2-2.8c0.6-1.4,0.8-2.9,0.5-4.4c-0.1-0.3-0.1-0.5-0.2-0.8c0.5-0.3,1-0.8,1.3-1.4C21,7.7,21.1,7,21,6.3z M5.2,8.7C4.9,8.6,4.6,8.3,4.4,8C4.2,7.7,4.1,7.3,4.1,7c0-0.4,0.1-0.8,0.3-1.2c0.2-0.3,0.6-0.6,1-0.7C5.8,5,6.2,5,6.6,5.1c0.4,0.1,0.7,0.4,1,0.7c0,0,0,0,0.1,0.1C7,6.4,6.4,7,5.9,7.7C5.7,8,5.5,8.4,5.2,8.7C5.3,8.8,5.2,8.7,5.2,8.7z M18.1,14.4c-0.5,1.2-1.3,2.2-2.4,2.9c-1,0.7-2.3,1-3.5,1c0,0,0,0-0.1,0c-0.8,0-1.7-0.2-2.4-0.5c-0.8-0.3-1.5-0.8-2.1-1.4c-0.6-0.6-1.1-1.3-1.4-2.1c-0.3-0.8-0.5-1.6-0.5-2.4c0-1.3,0.4-2.5,1.1-3.6C7.6,7.3,8.6,6.5,9.8,6c0.8-0.3,1.6-0.5,2.4-0.5c0.4,0,0.9,0,1.3,0.1c1.3,0.3,2.4,0.9,3.3,1.8c0.9,0.9,1.5,2,1.7,3.3C18.8,12,18.6,13.2,18.1,14.4z M19.6,7.8c-0.1,0.3-0.4,0.5-0.6,0.7c-0.4-0.7-0.8-1.4-1.4-2c-0.3-0.3-0.7-0.6-1.1-0.9c0.2-0.2,0.3-0.3,0.5-0.4c0.3-0.1,0.6-0.2,0.9-0.2c0.4,0,0.9,0.2,1.2,0.4c0.3,0.3,0.6,0.7,0.7,1.1C19.9,7,19.8,7.4,19.6,7.8z" />
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.0 KiB |
@ -1,6 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<symbol id="chunter" viewBox="0 0 24 24">
|
||||
<path d="M17.8,1.2H9.2c-2.9,0-5,2.1-5,5v2.1c-1.8,0.5-3,2-3,4v4.1c0,1.2,0.4,2.2,1.2,3c0.6,0.6,1.4,1,2.2,1.1v0.8 c0,0.5,0.3,1,0.8,1.3c0.2,0.1,0.4,0.2,0.7,0.2c0.3,0,0.6-0.1,0.8-0.2l2.8-1.9h2.5c1.6,0,2.9-0.8,3.6-2l0.2,0.1 c0.3,0.2,0.6,0.3,0.9,0.3c0.3,0,0.5-0.1,0.7-0.2c0.5-0.3,0.9-0.8,0.9-1.4v-1.1c1.1-0.1,2.1-0.6,2.9-1.3c0.9-0.9,1.4-2.2,1.4-3.6V6.2 C22.8,3.3,20.7,1.2,17.8,1.2z M12.2,19.1H9.5c-0.1,0-0.3,0-0.4,0.1l-2.9,1.9v-1.3c0-0.4-0.3-0.8-0.8-0.8c-0.8,0-1.5-0.2-1.9-0.7 c-0.5-0.5-0.7-1.1-0.7-1.9v-4.1c0-1.5,0.9-2.5,2.3-2.6c0.1,0,0.2,0,0.3,0h6.8c0.2,0,0.4,0,0.6,0c1.3,0.2,2.1,1.2,2.1,2.6v4.1 c0,0.3,0,0.6-0.1,0.8C14.4,18.5,13.5,19.1,12.2,19.1z M21.2,11.4c0,1.1-0.3,1.9-1,2.6c-0.6,0.6-1.5,0.9-2.5,0.9 c-0.4,0-0.8,0.3-0.8,0.8v1.8c0,0,0,0.1-0.1,0.1l-0.6-0.4c0,0,0,0,0,0c0-0.2,0-0.4,0-0.6v-4.1c0-2.4-1.7-4.1-4.1-4.1H5.8v-2 c0-2.1,1.4-3.5,3.5-3.5h8.5c2.1,0,3.5,1.4,3.5,3.5V11.4z" />
|
||||
<path d="M5,20.1c-0.2,0-0.3-0.1-0.4-0.2c-0.2-0.2-0.2-0.4-0.1-0.6l1.4-4.2c-0.4-0.9-0.7-2-0.7-3c0-2.7,1.5-5.2,4-6.4c1-0.5,2.1-0.8,3.2-0.8h0.4c3.7,0.2,6.6,3.1,6.8,6.8l0,0.4c0,1.1-0.3,2.2-0.8,3.2c-1.2,2.5-3.7,4-6.4,4c-1.1,0-2.1-0.2-3-0.7l-4.2,1.4C5.1,20.1,5.1,20.1,5,20.1z M12.4,6.1c-0.9,0-1.8,0.2-2.7,0.6c-2.1,1-3.3,3.1-3.3,5.4C6.4,13,6.6,14,7,14.8c0.1,0.1,0.1,0.3,0,0.5l-1.1,3.3l3.3-1.1c0.2-0.1,0.3,0,0.5,0c0.8,0.4,1.7,0.6,2.7,0.6c0,0,0,0,0,0c2.3,0,4.4-1.3,5.4-3.3c0.4-0.8,0.6-1.8,0.6-2.7c0,0,0,0,0,0v-0.4c-0.2-3-2.6-5.5-5.7-5.6L12.4,6.1C12.4,6.1,12.4,6.1,12.4,6.1z" />
|
||||
</symbol>
|
||||
<symbol id="hashtag" viewBox="0 0 24 24">
|
||||
<path d="M21.5,8.2h-5.3l0.6-5.2c0-0.4-0.3-0.8-0.7-0.8c-0.4,0-0.8,0.3-0.8,0.7l-0.6,5.3h-4.5l0.6-5.2c0-0.4-0.3-0.8-0.7-0.8 c-0.4,0-0.8,0.3-0.8,0.7L8.7,8.2H3.5C3.1,8.2,2.8,8.6,2.8,9s0.3,0.8,0.8,0.8h5L8,14.2H2.5c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8 h5.3l-0.6,5.2c0,0.4,0.3,0.8,0.7,0.8c0,0,0.1,0,0.1,0c0.4,0,0.7-0.3,0.7-0.7l0.6-5.3h4.5l-0.6,5.2c0,0.4,0.3,0.8,0.7,0.8 c0,0,0.1,0,0.1,0c0.4,0,0.7-0.3,0.7-0.7l0.6-5.3h5.2c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8h-5L16,9.8h5.5c0.4,0,0.8-0.3,0.8-0.8 S21.9,8.2,21.5,8.2z M14,14.2H9.5L10,9.8h4.5L14,14.2z" />
|
||||
|
||||
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.4 KiB |
@ -1,11 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<symbol id="contactapplication" viewBox="0 0 24 24">
|
||||
<path d="M17,2.2H7C2.6,2.2,1.2,3.6,1.2,8v8c0,4.4,1.3,5.8,5.8,5.8h10c4.4,0,5.8-1.3,5.8-5.8V8 C22.8,3.6,21.4,2.2,17,2.2z M21.2,16c0,3.6-0.7,4.2-4.2,4.2H7c-3.6,0-4.2-0.7-4.2-4.2V8c0-3.6,0.7-4.2,4.2-4.2h10 c3.6,0,4.2,0.7,4.2,4.2V16z" />
|
||||
<path d="M19,7.2h-5c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h5c0.4,0,0.8-0.3,0.8-0.8S19.4,7.2,19,7.2z" />
|
||||
<path d="M19,11.2h-4c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h4c0.4,0,0.8-0.3,0.8-0.8S19.4,11.2,19,11.2z" />
|
||||
<path d="M19,15.2h-2c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h2c0.4,0,0.8-0.3,0.8-0.8S19.4,15.2,19,15.2z" />
|
||||
<path d="M8.5,12c1.4,0,2.6-1.1,2.6-2.6S9.9,6.9,8.5,6.9S5.9,8.1,5.9,9.5S7.1,12,8.5,12z M8.5,8.4 c0.6,0,1.1,0.5,1.1,1.1s-0.5,1.1-1.1,1.1s-1.1-0.5-1.1-1.1S7.9,8.4,8.5,8.4z" />
|
||||
<path d="M9.3,12.9c-0.5-0.1-1.1-0.1-1.7,0c-1.8,0.2-3.2,1.6-3.4,3.4c0,0.4,0.3,0.8,0.7,0.8c0.4,0,0.8-0.3,0.8-0.7 c0.1-1.1,1-1.9,2.1-2c0.5,0,0.9,0,1.4,0c1.1,0.1,2,1,2.1,2c0,0.4,0.4,0.7,0.7,0.7c0,0,0,0,0.1,0c0.4,0,0.7-0.4,0.7-0.8 C12.6,14.5,11.1,13,9.3,12.9z" />
|
||||
<!-- <circle cx="12" cy="9.9" r="2" /> duotone -->
|
||||
<path d="M12,12.6c1.5,0,2.6-1.2,2.6-2.6c0-1.5-1.2-2.6-2.6-2.6c-1.5,0-2.6,1.2-2.6,2.6C9.4,11.4,10.5,12.6,12,12.6zM12,8.4c0.8,0,1.5,0.7,1.5,1.5s-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5S11.2,8.4,12,8.4z" />
|
||||
<path d="M12,3.9c-4.4,0-8.1,3.6-8.1,8.1c0,4.4,3.6,8.1,8.1,8.1c4.4,0,8.1-3.6,8.1-8.1C20.1,7.6,16.4,3.9,12,3.9zM12,5.1c3.8,0,6.9,3.1,6.9,6.9c0,1.4-0.4,2.7-1.1,3.8c-1.5-1.2-3.6-1.9-5.8-1.9c-2.2,0-4.2,0.7-5.8,1.9c-0.7-1.1-1.1-2.4-1.1-3.8C5.1,8.2,8.2,5.1,12,5.1z M12,18.9c-2,0-3.8-0.9-5.1-2.2c1.3-1,3.2-1.6,5.1-1.6c1.9,0,3.8,0.6,5.1,1.6C15.8,18.1,14,18.9,12,18.9z" />
|
||||
</symbol>
|
||||
<symbol id="phone" viewBox="0 0 12 12">
|
||||
<path d="M9,7.1L10,8.1c0.2,0.2,0.2,0.6,0,0.8C8.8,10,7,10.1,5.7,9.1L5.7,9.1c-1-0.7-1.8-1.6-2.6-2.6L3,6.4c-1-1.3-0.8-3.1,0.3-4.2 C3.5,2,3.9,2,4.1,2.2L5,3.1C5.4,3.4,5.4,4,5,4.3L4.4,4.9C4.3,5,4.3,5.2,4.3,5.4c0.5,1,1.4,1.9,2.4,2.4c0.2,0.1,0.4,0.1,0.5-0.1 l0.6-0.6C8.2,6.8,8.7,6.8,9,7.1z"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 15 KiB |
@ -1,9 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<symbol id="documentapplication" viewBox="0 0 24 24">
|
||||
<path d="M18.7,14.2l-3.5,3.5c-0.2,0.2-0.5,0.7-0.5,1l-0.2,1.3c-0.1,0.5,0.1,0.9,0.4,1.2c0.3,0.3,0.6,0.4,1,0.4c0.1,0,0.2,0,0.2,0l1.4-0.2c0.4-0.1,0.8-0.3,1-0.5l2.9-2.9c0.1-0.1,0.1-0.1,0.2-0.2l0.4-0.4c0.5-0.5,0.7-1,0.8-1.5c0.1-0.6-0.2-1.2-0.8-1.8C21.3,13.6,20.1,12.8,18.7,14.2z M20.9,15.3c0.2,0.2,0.4,0.4,0.4,0.6c0,0.1-0.1,0.3-0.4,0.5l-0.2,0.2c-0.5-0.2-0.9-0.6-1.1-1.2l0.2-0.2C20.2,14.9,20.4,14.8,20.9,15.3z M17.3,20c0,0-0.1,0.1-0.2,0.1l-1.2,0.2l0.2-1.2c0,0,0.1-0.1,0.1-0.2l2.3-2.3c0.3,0.5,0.7,0.9,1.1,1.2L17.3,20z"/>
|
||||
<path d="M22.7,10c0-0.1,0-0.1,0-0.2c0,0,0,0,0-0.1c0-0.1-0.1-0.2-0.1-0.2l-8-8c-0.1-0.1-0.1-0.1-0.2-0.1c0,0,0,0-0.1,0c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0H9C3.6,1.2,1.2,3.6,1.2,9v6c0,5.4,2.3,7.8,7.8,7.8h3.2c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8H9c-4.6,0-6.2-1.6-6.2-6.2V9c0-4.6,1.6-6.2,6.2-6.2h4.2V6c0,3.4,1.3,4.8,4.8,4.8h3.2v0.8c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8L22.7,10C22.8,10,22.7,10,22.7,10z M18,9.2c-2.6,0-3.2-0.7-3.2-3.2V3.8l5.4,5.4H18z"/>
|
||||
<path d="M13,12.3H7c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h6c0.4,0,0.8-0.3,0.8-0.8S13.4,12.3,13,12.3z"/>
|
||||
<path d="M7,16.3c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h4c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8H7z"/>
|
||||
<path d="M17.8,5.4h-5.6C11.4,4.7,10.6,4.3,9.6,4C9,3.8,8.5,3.7,7.9,3.7c-0.4,0-0.8,0.1-1,0.4c-0.3,0.3-0.4,0.6-0.4,1v0.2H6.2c-1.2,0-2.3,1-2.3,2.3v8.3c0,1.2,1,2.3,2.3,2.3H12h0h5.8c1.2,0,2.3-1,2.3-2.3V7.6C20,6.4,19,5.4,17.8,5.4z M7.6,5.1C7.6,5,7.6,5,7.7,5c0,0,0.1-0.1,0.1-0.1c0,0,0,0,0,0c0.5,0,1,0.1,1.5,0.2c0.8,0.2,1.5,0.6,2.1,1.1V16c-0.4-0.4-1-0.7-1.6-1c-0.6-0.2-1.3-0.4-2-0.4c-0.1,0-0.2-0.1-0.2-0.2V5.1z M5.1,15.9V7.6c0-0.6,0.5-1.1,1.1-1.1h0.2v7.8c0,0.8,0.6,1.4,1.4,1.4c0.6,0,1.1,0.1,1.6,0.3c0.6,0.2,1,0.6,1.4,0.9H6.2C5.6,17,5.1,16.5,5.1,15.9z M18.8,15.9c0,0.6-0.5,1.1-1.1,1.1h-5.2V6.6h5.2c0.6,0,1.1,0.5,1.1,1.1V15.9z" />
|
||||
</symbol>
|
||||
<symbol id="newdocument" viewBox="0 0 16 16">
|
||||
<path d="M14.7826 3.26359C15.1313 2.69123 15.0606 1.93115 14.5705 1.43492C14.0757 0.933932 13.3153 0.865765 12.7483 1.23041C13.2123 2.09277 13.9198 2.79999 14.7826 3.26359Z"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.3 KiB |
@ -7,8 +7,9 @@
|
||||
<path d="M17.2,7.8h3.6c1.1,0,2-0.9,2-2V4.2c0-1.1-0.9-2-2-2h-3.6c-1.1,0-2,0.9-2,2v0H9.8V4c0-1.5-1.2-2.8-2.8-2.8H4 C2.5,1.2,1.2,2.5,1.2,4v2c0,1.5,1.2,2.8,2.8,2.8h3c1.5,0,2.8-1.2,2.8-2.8V5.8h2V18c0,1.5,1.2,2.8,2.8,2.8h0.8v0c0,1.1,0.9,2,2,2h3.6 c1.1,0,2-0.9,2-2v-1.6c0-1.1-0.9-2-2-2h-3.6c-1.1,0-2,0.9-2,2v0h-0.8c-0.7,0-1.2-0.6-1.2-1.2v-4.8h2v0c0,1.1,0.9,2,2,2h3.6 c1.1,0,2-0.9,2-2v-1.6c0-1.1-0.9-2-2-2h-3.6c-1.1,0-2,0.9-2,2v0h-2v-6h2v0C15.2,6.9,16.1,7.8,17.2,7.8z M8.2,6 c0,0.7-0.6,1.2-1.2,1.2H4C3.3,7.2,2.8,6.7,2.8,6V4c0-0.7,0.6-1.2,1.2-1.2h3c0.7,0,1.2,0.6,1.2,1.2V6z M16.8,19.2 c0-0.2,0.2-0.5,0.5-0.5h3.6c0.2,0,0.5,0.2,0.5,0.5v1.6c0,0.2-0.2,0.5-0.5,0.5h-3.6c-0.2,0-0.5-0.2-0.5-0.5V19.2z M16.8,11.7 c0-0.2,0.2-0.5,0.5-0.5h3.6c0.2,0,0.5,0.2,0.5,0.5v1.6c0,0.2-0.2,0.5-0.5,0.5h-3.6c-0.2,0-0.5-0.2-0.5-0.5V11.7z M16.8,4.2 c0-0.2,0.2-0.5,0.5-0.5h3.6c0.2,0,0.5,0.2,0.5,0.5v1.6c0,0.2-0.2,0.5-0.5,0.5h-3.6c-0.2,0-0.5-0.2-0.5-0.5V4.2z" />
|
||||
</symbol>
|
||||
<symbol id="hr" viewBox="0 0 24 24">
|
||||
<path d="M12,10.8c2.6,0,4.8-2.1,4.8-4.8S14.6,1.2,12,1.2C9.4,1.2,7.2,3.4,7.2,6S9.4,10.8,12,10.8z M12,2.8 c1.8,0,3.2,1.5,3.2,3.2S13.8,9.2,12,9.2S8.8,7.8,8.8,6S10.2,2.8,12,2.8z" />
|
||||
<path d="M12,12.2c-5.4,0-9.8,4.4-9.8,9.8c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8c0-4.2,3.1-7.7,7.2-8.2l-1.7,5.5 c-0.1,0.2,0,0.5,0.1,0.7l2,2.5c0.1,0.2,0.4,0.3,0.6,0.3s0.4-0.1,0.6-0.3l2-2.5c0.2-0.2,0.2-0.5,0.1-0.7L13,13.8 c4.1,0.5,7.2,4,7.2,8.2c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8C21.8,16.6,17.4,12.2,12,12.2z M12,20.8l-1.2-1.5l1.2-3.8l1.2,3.8 L12,20.8z" />
|
||||
<path d="M13.8,4.4h-3.1c-0.3,0-0.6,0.3-0.6,0.6v14c0,0.3,0.3,0.6,0.6,0.6h3.1c0.3,0,0.6-0.3,0.6-0.6V5C14.4,4.7,14.1,4.4,13.8,4.4z M13.2,18.4h-1.9V5.6h1.9V18.4z" />
|
||||
<path d="M20,8.3h-3.1c-0.3,0-0.6,0.3-0.6,0.6V19c0,0.3,0.3,0.6,0.6,0.6H20c0.3,0,0.6-0.3,0.6-0.6V8.9C20.6,8.6,20.3,8.3,20,8.3z M19.4,18.4h-1.9V9.5h1.9V18.4z" />
|
||||
<path d="M7.6,12.2H4.5c-0.3,0-0.6,0.3-0.6,0.6V19c0,0.3,0.3,0.6,0.6,0.6h3.1c0.3,0,0.6-0.3,0.6-0.6v-6.2C8.2,12.4,7.9,12.2,7.6,12.2z M7,18.4H5.1v-5H7V18.4z" />
|
||||
</symbol>
|
||||
<symbol id="vacation" viewBox="0 0 34 34">
|
||||
<path d="M20.431,30.09c0.555-2.625,1.982-11.16-1.273-17.413c0,0,6.072,0.623,5.762,8.408c0,0,5.295-10.588-3.581-12.612 c0,0,2.803-6.696,9.653-4.049c0,0-5.513-6.188-13.417,1.082C16.751,3.23,17.289,0,17.289,0c-3.264,1.591-3.846,4.54-3.817,6.557 c-2.88-0.541-7.92,0.586-9.382,5.806c0,0,5.5-3.833,9.833-1.5c0,0-7.689,2.126-8.001,9.443c0,0,3.205-3.939,6.51-4.904 c-0.268,0.256-0.437,0.613-0.437,1.013c0,0.774,0.628,1.401,1.401,1.401c0.281,0,0.542-0.084,0.761-0.227 c-0.182,0.236-0.294,0.527-0.294,0.85c0,0.773,0.628,1.402,1.401,1.402c0.674,0,1.235-0.478,1.37-1.109 c0.408,2.896,0.452,7.51-2.268,11.199c-1.687-0.976-2.462-2.771-2.796-3.969c0.16,0.223,0.46,0.312,0.722,0.196 c0.302-0.131,0.438-0.481,0.307-0.783c-0.055-0.125-0.147-0.221-0.259-0.28c0.109,0.02,0.226,0.006,0.335-0.041 c0.302-0.133,0.438-0.482,0.307-0.785c-0.067-0.154-0.194-0.267-0.342-0.318c1.451-0.188,3.37,0.801,3.37,0.801 c-1.367-2.797-4.725-2.314-4.725-2.314c1.29-1.646,4.085-1.09,4.085-1.09c-1.459-1.785-3.613-1.365-4.643-0.664 c-0.333-0.789-1.062-1.838-2.604-1.901c0,0,0.76,1.166,0.826,2.192c-4.317-1.483-5.409,1.863-5.409,1.863 c2.218-2.197,4.449-0.066,4.449-0.066c-3.111,2.3,0.755,5.521,0.755,5.521c-1.448-2.979,0.811-4.256,0.811-4.256 c-0.163,2.396,1.092,4.842,1.94,6.2c-4.803,0.354-8.146,1.136-8.146,2.046c0,1.241,6.231,2.25,13.917,2.25 c7.687,0,13.917-1.009,13.917-2.25C31.182,31.213,26.589,30.324,20.431,30.09z M14.083,15.2c0.182,0.013,0.362,0.042,0.541,0.082 c-0.053,0.085-0.096,0.177-0.13,0.272C14.381,15.411,14.243,15.29,14.083,15.2z M14.503,17.264c0.087-0.114,0.157-0.24,0.206-0.379 c0.059,0.075,0.124,0.143,0.196,0.204C14.761,17.127,14.625,17.185,14.503,17.264z M16.166,17.375 c0.075-0.02,0.148-0.043,0.218-0.074c0.028,0.136,0.058,0.283,0.086,0.437C16.39,17.6,16.287,17.478,16.166,17.375z M12.003,24.915 c0.042,0.045,0.091,0.082,0.145,0.11c-0.062-0.01-0.124-0.008-0.187,0.003C11.979,24.994,11.993,24.954,12.003,24.915z M11.959,24.154c-0.046,0.062-0.08,0.133-0.1,0.207c-0.029-0.031-0.062-0.061-0.097-0.084 C11.826,24.23,11.891,24.189,11.959,24.154z M11.462,25.549c-0.015-0.066-0.028-0.127-0.041-0.187c0.032,0,0.065-0.005,0.098-0.009 C11.49,25.415,11.47,25.48,11.462,25.549z"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 7.0 KiB |
@ -1,6 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<symbol id="inventory" viewBox="0 0 24 24">
|
||||
<path d="M19.8,4.8l-5.3-3c-1.4-0.8-3.5-0.8-4.9,0l-5.3,3C2.8,5.6,1.6,7.5,1.6,9.2v5.6c0,1.7,1.1,3.6,2.6,4.4l5.3,3 c0.7,0.4,1.6,0.6,2.4,0.6s1.8-0.2,2.4-0.6l5.3-3c1.5-0.8,2.6-2.7,2.6-4.4V9.2C22.4,7.5,21.2,5.6,19.8,4.8z M10.3,3.1 C10.3,3.1,10.3,3.1,10.3,3.1c0.5-0.3,1.1-0.4,1.7-0.4c0.6,0,1.3,0.1,1.7,0.4l5.3,3c0.4,0.2,0.7,0.5,1,0.9l-3,1.7L8.8,4L10.3,3.1z M5,6.1l2.3-1.3l8.3,4.8L12,11.7L4,7C4.2,6.6,4.6,6.3,5,6.1z M5,17.9c-1-0.5-1.8-2-1.8-3.1V9.2c0-0.3,0.1-0.5,0.1-0.8l8,4.6v8.2 c-0.4-0.1-0.7-0.2-1-0.3L5,17.9z M20.9,14.8c0,1.1-0.8,2.5-1.8,3.1l-5.3,3c-0.3,0.2-0.6,0.3-1,0.3V13l3.5-2v2.3 c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8v-3.2l3-1.7c0.1,0.3,0.1,0.6,0.1,0.8V14.8z" />
|
||||
<!-- <circle cx="5.8" cy="18.1" r="1.9" /> duotone
|
||||
<circle cx="18.3" cy="18.1" r="1.9" /> -->
|
||||
<path d="M18.3,15.7c-0.3,0-0.5,0-0.7,0.1V10c0-0.9-0.7-1.6-1.6-1.6H6.4V8c0-2-1.6-3.6-3.6-3.6H2.7C2.4,4.4,2.1,4.7,2.1,5s0.3,0.6,0.6,0.6h0.1c1.3,0,2.4,1.1,2.4,2.4v7.7C4.2,16,3.3,17,3.3,18.1c0,1.4,1.1,2.5,2.5,2.5c1.2,0,2.1-0.8,2.4-1.9h7.7c0.3,1.1,1.2,1.9,2.4,1.9c1.4,0,2.5-1.1,2.5-2.5S19.7,15.7,18.3,15.7z M16,9.6c0.2,0,0.4,0.2,0.4,0.4v6.5c0,0,0,0,0,0.1c-0.2,0.3-0.4,0.6-0.5,1H8.2C8,16.6,7.3,16,6.4,15.7V9.6H16z M5.8,19.4c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3S6.5,19.4,5.8,19.4z M18.3,19.4c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3S19,19.4,18.3,19.4z" />
|
||||
</symbol>
|
||||
<symbol id="categories" viewBox="0 0 16 16">
|
||||
<path d="M14.5,6.7c0-2,0-3-0.7-3.8C13,2.2,12,2.2,10,2.2H6c-0.2,0-0.4,0-0.6,0l-0.1,0v0c-1.5,0-2.5,0.1-3.1,0.7 C1.5,3.6,1.5,4.7,1.5,6.7v2.7c0,2,0,3,0.7,3.8C3,13.8,4,13.8,6,13.8h4c2,0,3,0,3.8-0.7c0.5-0.5,0.7-1.3,0.7-2.4h0V10 c0-0.1,0-0.3,0-0.4c0-0.1,0-0.2,0-0.3V6.7z M13.1,3.6c0.4,0.4,0.4,1.3,0.4,3.1v0c-0.1-0.1-0.2-0.2-0.3-0.2c-0.6-0.3-1.2-0.3-2.5-0.3 c-0.7,0-1.1,0-1.3-0.1C9.2,6,9,5.9,8.9,5.8C8.7,5.6,8.5,5.3,8.2,4.6L7.6,3.5C7.6,3.3,7.5,3.3,7.4,3.2H10C11.7,3.2,12.6,3.2,13.1,3.6z M10,12.8H6c-1.7,0-2.6,0-3.1-0.4C2.5,12,2.5,11.1,2.5,9.3V6.7c0-1.7,0-2.6,0.4-3.1c0.4-0.4,1.1-0.4,2.5-0.4l0.1,0 c0.5,0,1,0.3,1.2,0.8l0.6,1.1c0.4,0.7,0.6,1.1,0.9,1.4C8.4,6.7,8.7,6.9,9,7c0.4,0.2,0.9,0.2,1.7,0.2c1.1,0,1.7,0,2,0.2 c0.2,0.1,0.4,0.3,0.6,0.6c0.2,0.3,0.2,0.9,0.2,1.9c0,1.4,0,2.2-0.4,2.6C12.6,12.8,11.7,12.8,10,12.8z"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
@ -4,10 +4,10 @@
|
||||
<path d="M18.6,1.4H5.4c-1.5,0-2.8,1.3-2.8,2.9v2.3c0,0.8,0.5,1.9,1.1,2.5l3.8,4c0.3,0.4,0.6,1.1,0.6,1.6v5.3 c0,1,0.5,1.9,1.4,2.4c0.4,0.2,0.9,0.4,1.4,0.4c0.5,0,1-0.1,1.5-0.4l1.4-0.9c0.7-0.4,1.3-1.5,1.3-2.3v-4.3c0-0.6,0.3-1.4,0.7-1.7 l4.3-3.8c0.6-0.6,1.2-1.8,1.2-2.8V4.1C21.3,2.6,20.1,1.4,18.6,1.4z M4.1,6.5V4.2c0-0.8,0.5-1.4,1.2-1.4h4.2L5.8,9L4.8,8 C4.4,7.6,4.1,6.9,4.1,6.5z M19.8,6.3c0,0.6-0.4,1.4-0.7,1.7l-4.3,3.8c-0.7,0.6-1.3,1.8-1.3,2.9V19c0,0.4-0.3,0.9-0.6,1.1L11.6,21 c-0.4,0.2-0.9,0.2-1.3,0c-0.2-0.1-0.6-0.4-0.6-1.1v-5.3c0-0.9-0.5-2-1-2.6l-1.8-1.9l4.5-7.2h7.3c0.7,0,1.2,0.6,1.2,1.2V6.3z" />
|
||||
</symbol>
|
||||
<symbol id="leadapplication" viewBox="0 0 24 24">
|
||||
<path d="M4.6,9.5c0.2,0.2,0.4,0.7,0.4,1V14c0,0.8,0.4,1.4,1.1,1.8c0.3,0.2,0.7,0.3,1.1,0.3c0.4,0,0.8-0.1,1.1-0.3 l0.9-0.6c0.6-0.3,1-1.1,1-1.8v-2.9c0-0.3,0.2-0.8,0.4-1l2.9-2.6c0.4-0.5,0.9-1.3,0.9-2.1V3.4c0-1.2-0.9-2.1-2.1-2.1H3.4 c-0.6,0-1.1,0.2-1.5,0.6c-0.4,0.4-0.6,1-0.6,1.5V5c0,0.6,0.3,1.4,0.8,1.9L4.6,9.5z M2.8,3.4c0-0.2,0.1-0.4,0.2-0.5 c0.1-0.1,0.3-0.2,0.4-0.2h8.9c0.3,0,0.6,0.3,0.6,0.6v1.5c0,0.3-0.2,0.8-0.4,1L9.5,8.4C9,8.8,8.6,9.7,8.6,10.5v2.9 c0,0.2-0.2,0.5-0.3,0.5l-0.9,0.6c-0.2,0.1-0.5,0.1-0.6,0c-0.1-0.1-0.3-0.2-0.3-0.5v-3.6c0-0.7-0.4-1.5-0.7-1.9L3.1,5.8 C2.9,5.6,2.8,5.2,2.8,5V3.4z" />
|
||||
<path d="M19.8,2.2c-0.5-0.3-1.4-0.5-2.7-0.7c-0.4-0.1-0.8,0.2-0.9,0.6c-0.1,0.4,0.2,0.8,0.6,0.9 c1.5,0.2,2.1,0.5,2.2,0.6c1.5,0.9,2.2,2.5,2.2,5.4v6c0,4.6-1.6,6.2-6.2,6.2H9c-4.6,0-6.2-1.6-6.2-6.2v-3c0-0.4-0.3-0.8-0.8-0.8 S1.2,11.6,1.2,12v3c0,5.4,2.3,7.8,7.8,7.8h6c5.4,0,7.8-2.3,7.8-7.8V9C22.8,5.5,21.8,3.4,19.8,2.2z" />
|
||||
<path d="M18,12.2h-5c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h5c0.4,0,0.8-0.3,0.8-0.8S18.4,12.2,18,12.2z" />
|
||||
<path d="M18,16.2h-7c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h7c0.4,0,0.8-0.3,0.8-0.8S18.4,16.2,18,16.2z" />
|
||||
<!-- <path d="M6.5,20C7.9,20,9,18.9,9,17.5S7.9,15,6.5,15S4,16.1,4,17.5S5.1,20,6.5,20z"/> duotone
|
||||
<path d="M12.5,9C13.9,9,15,7.9,15,6.5S13.9,4,12.5,4S10,5.1,10,6.5S11.1,9,12.5,9z"/>
|
||||
<path d="M18.5,20c1.4,0,2.5-1.1,2.5-2.5S19.9,15,18.5,15S16,16.1,16,17.5S17.1,20,18.5,20z"/> -->
|
||||
<path d="M20.4,15.1c0.1-0.5,0.2-1,0.2-1.6c0-3.4-2.1-6.2-5-7.4c-0.2-1.5-1.5-2.6-3-2.6s-2.8,1.1-3,2.6c-2.9,1.2-5,4.1-5,7.4c0,0.6,0.1,1.1,0.2,1.6c-0.7,0.6-1.2,1.4-1.2,2.4c0,1.7,1.4,3.1,3.1,3.1c0.5,0,1-0.2,1.5-0.4c1.3,0.9,2.8,1.4,4.5,1.4c1.7,0,3.2-0.5,4.5-1.4c0.4,0.2,0.9,0.4,1.5,0.4c1.7,0,3.1-1.4,3.1-3.1C21.6,16.5,21.1,15.7,20.4,15.1zM12.5,4.6c1.1,0,1.9,0.9,1.9,1.9s-0.9,1.9-1.9,1.9s-1.9-0.9-1.9-1.9S11.4,4.6,12.5,4.6z M4.6,17.5c0-1.1,0.9-1.9,1.9-1.9s1.9,0.9,1.9,1.9s-0.9,1.9-1.9,1.9S4.6,18.6,4.6,17.5z M8.9,19.4c0.4-0.5,0.7-1.2,0.7-1.9c0-1.7-1.4-3.1-3.1-3.1c-0.3,0-0.6,0.1-0.8,0.1c-0.1-0.3-0.1-0.7-0.1-1.1c0-2.8,1.6-5.1,4-6.2c0.3,1.3,1.5,2.3,3,2.3s2.6-1,3-2.3c2.3,1.1,4,3.5,4,6.2c0,0.4,0,0.7-0.1,1.1c-0.3-0.1-0.5-0.1-0.8-0.1c-1.7,0-3.1,1.4-3.1,3.1c0,0.7,0.3,1.4,0.7,1.9c-1.1,0.7-2.3,1-3.6,1S9.9,20,8.9,19.4z M18.5,19.4c-1.1,0-1.9-0.9-1.9-1.9s0.9-1.9,1.9-1.9s1.9,0.9,1.9,1.9S19.6,19.4,18.5,19.4z" />
|
||||
</symbol>
|
||||
<symbol id="funnelBrowser" viewBox="0 0 24 24">
|
||||
<path d="M12.4,20.2H8.6c-4.3,0-5.9-1.6-5.9-5.8V8.7c0-4.4,1.5-6,5.9-6h5.7c4.4,0,6,1.6,6,6v3.7c0,0.4,0.3,0.7,0.8,0.7 s0.8-0.3,0.8-0.7V8.7c0-5.2-2.2-7.5-7.5-7.5H8.6c-5.2,0-7.4,2.2-7.4,7.5v5.7c0,5.1,2.3,7.3,7.4,7.3h3.8c0.4,0,0.7-0.3,0.7-0.8 S12.8,20.2,12.4,20.2z" />
|
||||
|
||||
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.4 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<symbol id="notification" viewBox="0 0 24 24">
|
||||
<path d="M21.9,16.1l-0.2-0.2c-0.8-0.8-2-2.1-2-6c0-1.8-0.6-3.5-1.7-4.8c-1-1.2-2.3-2.1-3.8-2.5V2.3c0-0.3-0.1-0.6-0.2-0.8 c-0.1-0.3-0.3-0.5-0.5-0.7c-0.2-0.2-0.4-0.4-0.7-0.5c-0.5-0.2-1.1-0.2-1.6,0c-0.3,0.1-0.5,0.3-0.7,0.5C10.3,1,10.1,1.2,10,1.5 C9.9,1.7,9.9,2,9.9,2.3v0.3C8.4,3,7,3.9,6,5.1C4.9,6.4,4.3,8.1,4.3,9.9c0,3.9-1.2,5.1-2,6l-0.2,0.2c-0.4,0.4-0.6,0.9-0.6,1.5 c0,0.3,0.1,0.6,0.2,0.8c0.1,0.3,0.3,0.5,0.5,0.7c0.2,0.2,0.4,0.4,0.7,0.5s0.5,0.2,0.8,0.2h16.7c0.3,0,0.6-0.1,0.8-0.2 c0.3-0.1,0.5-0.3,0.7-0.5c0.2-0.2,0.4-0.4,0.5-0.7c0.1-0.3,0.2-0.5,0.2-0.8C22.5,17,22.3,16.5,21.9,16.1z M12,1.7L12,1.7 C12,1.7,12,1.6,12,1.7C12,1.6,12,1.7,12,1.7z M21,17.8c0,0.1-0.1,0.1-0.1,0.2c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.2,0-0.2,0H3.6 c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2c0-0.1,0-0.2,0-0.2c0-0.2,0.1-0.3,0.2-0.4l0.2-0.2 c0.9-1,2.5-2.6,2.5-7c0-1.4,0.5-2.8,1.4-3.9c0.9-1.1,2.2-1.8,3.6-2.1l0.4-0.1L11.2,4H12h0.8l0.1-0.1l0.4,0.1c1.4,0.3,2.7,1,3.6,2.1 c0.9,1.1,1.4,2.5,1.4,3.9c0,4.5,1.5,6.1,2.5,7l0.2,0.2c0.1,0.1,0.2,0.3,0.2,0.4C21,17.6,21,17.7,21,17.8z" />
|
||||
<path d="M9,21c0,0.8,0.3,1.6,0.9,2.1c0.6,0.6,1.3,0.9,2.1,0.9s1.6-0.3,2.1-0.9c0.6-0.6,0.9-1.3,0.9-2.1h-3H9z" />
|
||||
<path d="M20,15.5c-1,0-1.7-0.8-1.7-1.7V9.9c0-3.3-2.7-6-6-6s-6,2.7-6,6v3.9c0,1-0.8,1.7-1.7,1.7c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6H20c0.3,0,0.6-0.3,0.6-0.6S20.3,15.5,20,15.5z M6.9,15.5c0.4-0.5,0.6-1.1,0.6-1.7V9.9c0-2.7,2.2-4.8,4.8-4.8c2.7,0,4.8,2.2,4.8,4.8v3.9c0,0.6,0.2,1.2,0.6,1.7H6.9z" />
|
||||
<path d="M13.9,18.7c-0.3-0.2-0.7-0.1-0.8,0.2c-0.3,0.6-1.3,0.6-1.6,0c-0.2-0.3-0.5-0.4-0.8-0.2c-0.3,0.2-0.4,0.5-0.2,0.8c0.4,0.7,1.1,1.1,1.9,1.1c0.8,0,1.5-0.4,1.9-1.1C14.3,19.2,14.2,18.9,13.9,18.7z" />
|
||||
</symbol>
|
||||
<symbol id="track" viewBox="0 0 24 24">
|
||||
<path d="M21.7,15L21,13.8c-0.6-1.1-1.1-2.3-1.2-3.4l-0.1-0.9c-0.5,0.2-1.1,0.4-1.6,0.4l0.1,0.7c0.1,1.5,0.6,2.9,1.4,4.2l0.7,1.2 c0.4,0.6,0.7,1.2,0.7,1.3c0,0.1-0.1,0.1-0.1,0.2c-0.1,0.1-1,0.1-1.5,0.1H4.8c-0.6,0-1.4,0-1.5-0.1l-0.1-0.1c0-0.1,0.5-0.8,0.7-1.4 l0.7-1.2c0.7-1.3,1.2-2.6,1.4-4.2l0.4-2.7c0.4-3,2.7-5.1,5.7-5.1c1,0,1.9,0.3,2.7,0.7c0.4-0.5,0.9-0.9,1.4-1.1C15,1.5,13.5,1,12,1 C8.2,1,5,3.9,4.5,7.7l-0.4,2.7c-0.1,1.2-0.5,2.4-1.2,3.4L2.2,15c-0.7,1.2-1.1,1.8-1,2.6c0.1,0.5,0.4,1,0.7,1.3 c0.6,0.5,1.3,0.5,2.7,0.5h3c0.2,1,0.8,1.9,1.5,2.5C10.1,22.6,11,23,12,23s2-0.4,2.7-1.1c0.7-0.6,1.2-1.5,1.5-2.5h3 c1.4,0,2.1,0,2.7-0.5c0.4-0.4,0.6-0.8,0.7-1.3C22.9,16.8,22.6,16.2,21.7,15z M13.6,20.6c-1,0.8-2.3,0.8-3.2,0 c-0.4-0.2-0.6-0.7-0.8-1.2h4.9C14.2,19.9,14,20.3,13.6,20.6z" />
|
||||
|
||||
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 3.5 KiB |
@ -1,9 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<symbol id="recruitment" viewBox="0 0 24 24">
|
||||
<path d="M8.9,11.6c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c2.8-0.1,5-2.4,5-5.2c0-2.9-2.3-5.2-5.2-5.2 S3.8,3.6,3.8,6.4C3.8,9.2,6,11.5,8.9,11.6z M9,2.8c2,0,3.7,1.7,3.7,3.7c0,2-1.5,3.6-3.5,3.7c-0.1,0-0.3,0-0.3,0 c-2-0.1-3.5-1.7-3.5-3.7C5.3,4.4,7,2.8,9,2.8z" />
|
||||
<path d="M16.6,10.2c-0.1,0-0.2,0-0.4,0c-0.4,0-0.7,0.4-0.6,0.8c0,0.4,0.5,0.7,0.9,0.7c0,0,0.1,0,0.1,0c0,0,0,0,0,0 c2.3-0.1,4.1-2,4.1-4.2c0-2.3-1.9-4.2-4.2-4.2c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8c1.5,0,2.8,1.2,2.8,2.8 C19.2,9,18,10.2,16.6,10.2z" />
|
||||
<path d="M14.6,13.9c-3-2-7.8-2-10.8,0c0,0,0,0,0,0c-1.4,0.9-2.2,2.2-2.1,3.6c0,1.4,0.8,2.6,2.1,3.5 c1.5,1,3.5,1.5,5.4,1.5c2,0,3.9-0.5,5.4-1.5c1.4-0.9,2.1-2.2,2.1-3.6C16.7,16.1,16,14.9,14.6,13.9z M13.8,19.8 c-2.5,1.7-6.7,1.7-9.2,0c-1-0.6-1.5-1.5-1.5-2.3c0-0.9,0.5-1.7,1.5-2.3c2.5-1.7,6.7-1.7,9.2,0c1,0.6,1.5,1.5,1.5,2.3 C15.2,18.3,14.7,19.2,13.8,19.8z" />
|
||||
<path d="M20.8,14.3c-0.6-0.5-1.4-0.8-2.2-1c-0.4-0.1-0.8,0.2-0.9,0.6c-0.1,0.4,0.2,0.8,0.6,0.9 c0.7,0.1,1.2,0.4,1.6,0.7c0.6,0.4,0.9,1,0.9,1.5s-0.3,1.1-0.9,1.5c-0.5,0.3-1,0.6-1.7,0.7c-0.4,0.1-0.7,0.5-0.6,0.9 c0.1,0.4,0.4,0.6,0.7,0.6c0.1,0,0.1,0,0.2,0c0.9-0.2,1.6-0.5,2.3-1c0.9-0.7,1.5-1.7,1.5-2.7S21.7,15,20.8,14.3z" />
|
||||
<!-- <path d="M9.9,11.2c1.8,0,3.2-1.4,3.2-3.1S11.6,5,9.9,5C8.1,5,6.7,6.4,6.7,8.1S8.1,11.2,9.9,11.2z" /> duotone -->
|
||||
<path d="M13,13.7H6.7c-2.1,0-3.8,1.7-3.8,3.7V19c0,0.3,0.3,0.6,0.6,0.6s0.6-0.3,0.6-0.6v-1.6c0-1.4,1.2-2.5,2.6-2.5H13c1.4,0,2.6,1.1,2.6,2.5V19c0,0.3,0.3,0.6,0.6,0.6s0.6-0.3,0.6-0.6v-1.6C16.8,15.4,15.1,13.7,13,13.7z" />
|
||||
<path d="M9.9,11.8c2.1,0,3.8-1.7,3.8-3.7S12,4.4,9.9,4.4S6.1,6.1,6.1,8.1S7.8,11.8,9.9,11.8z M9.9,5.6c1.4,0,2.6,1.1,2.6,2.5c0,1.4-1.2,2.5-2.6,2.5S7.3,9.5,7.3,8.1C7.3,6.7,8.4,5.6,9.9,5.6z" />
|
||||
<path d="M18.8,13.9c-0.3-0.1-0.6,0.1-0.7,0.4c-0.1,0.3,0.1,0.6,0.4,0.7c1.1,0.3,1.9,1.3,1.9,2.4V19c0,0.3,0.3,0.6,0.6,0.6s0.6-0.3,0.6-0.6v-1.6C21.6,15.8,20.4,14.3,18.8,13.9z" />
|
||||
<path d="M15.6,4.5c-0.3-0.1-0.6,0.1-0.7,0.4c-0.1,0.3,0.1,0.6,0.4,0.7C16.4,6,17.2,7,17.2,8.1c0,1.1-0.8,2.1-1.9,2.4c-0.3,0.1-0.5,0.4-0.4,0.7c0.1,0.3,0.3,0.5,0.6,0.5c0,0,0.1,0,0.1,0c1.7-0.4,2.8-1.9,2.8-3.6C18.4,6.4,17.3,4.9,15.6,4.5z" />
|
||||
</symbol>
|
||||
<symbol id="vacancy" viewBox="0 0 16 16">
|
||||
<path d="M11.7,3.6h-1.1C10.4,2.7,9.7,2,8.8,2H7.2C6.3,2,5.6,2.7,5.4,3.6H4.3C3,3.6,2,4.6,2,5.9V8c0,0.2,0.1,0.3,0.2,0.4 C3.8,9.3,5.9,9.9,8,9.9c2.1,0,4.2-0.5,5.8-1.5C13.9,8.3,14,8.2,14,8V5.9C14,4.6,13,3.6,11.7,3.6z M7.2,3h1.5c0.4,0,0.6,0.2,0.8,0.6 H6.5C6.6,3.2,6.9,3,7.2,3z M13,7.7c-1.4,0.8-3.2,1.2-5,1.2c-1.8,0-3.6-0.4-5-1.2V5.9c0-0.7,0.6-1.3,1.3-1.3h7.4 c0.7,0,1.3,0.6,1.3,1.3V7.7z"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.3 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<symbol id="requests" viewBox="0 0 24 24">
|
||||
<path d="M19.2,17V4c0-1.2-1-2.2-2.2-2.2H4c-1.2,0-2.2,1-2.2,2.2v13c0,1.2,1,2.2,2.2,2.2h13C18.2,19.2,19.2,18.2,19.2,17z M3.2,17V4c0-0.4,0.3-0.8,0.8-0.8h13c0.4,0,0.8,0.3,0.8,0.8v13c0,0.4-0.3,0.8-0.8,0.8H4C3.6,17.8,3.2,17.4,3.2,17z" />
|
||||
<path d="M22,5.8c-0.4,0-0.8,0.3-0.8,0.8V21c0,0.1-0.1,0.2-0.2,0.2H6.5c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8H21 c1,0,1.8-0.8,1.8-1.8V6.5C22.7,6.1,22.4,5.8,22,5.8z" />
|
||||
<path d="M14,7.3L9.5,12L7,9.7c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l3,2.8c0.3,0.3,0.8,0.3,1,0l5-5.1 c0.3-0.3,0.3-0.8,0-1.1C14.7,7,14.3,7,14,7.3z" />
|
||||
<path d="M17.5,15.7V5.4c0-1-0.8-1.8-1.8-1.8H5.4c-1,0-1.8,0.8-1.8,1.8v10.4c0,1,0.8,1.8,1.8,1.8h10.4C16.7,17.5,17.5,16.7,17.5,15.7z M4.8,15.7V5.4c0-0.3,0.2-0.6,0.6-0.6h10.4c0.3,0,0.6,0.2,0.6,0.6v10.4c0,0.3-0.2,0.6-0.6,0.6H5.4C5.1,16.4,4.8,16.1,4.8,15.7z" />
|
||||
<path d="M19.7,6.8c-0.3,0-0.6,0.2-0.6,0.6v11.5c0,0.1-0.1,0.2-0.2,0.2H7.4c-0.3,0-0.6,0.2-0.6,0.6s0.2,0.6,0.6,0.6h11.6c0.8,0,1.4-0.6,1.4-1.4V7.4C20.3,7.1,20,6.8,19.7,6.8z" />
|
||||
<path d="M13.4,8l-3.6,3.7l-2-1.8c-0.2-0.2-0.6-0.2-0.9,0s-0.2,0.6,0,0.9L9.3,13c0.2,0.2,0.6,0.2,0.8,0l4-4.1c0.2-0.2,0.2-0.6,0-0.9C13.9,7.8,13.6,7.8,13.4,8z" />
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 695 B After Width: | Height: | Size: 727 B |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<symbol id="tracker" viewBox="0 0 24 24">
|
||||
<path d="M17.1,1.2h-4.2C9,1.2,7.2,3,7.2,6.9v0.4H6.9C3,7.2,1.2,9,1.2,12.9v4.2c0,3.9,1.7,5.7,5.6,5.7h4.2 c3.9,0,5.6-1.7,5.6-5.7v-0.3h0.3c3.9,0,5.7-1.7,5.7-5.6V6.9C22.8,3,21,1.2,17.1,1.2z M15.2,17.1c0,3.1-1,4.2-4.1,4.2H6.9 c-3.1,0-4.1-1-4.1-4.2v-4.2c0-3.1,1-4.1,4.1-4.1H8h3.1c3.1,0,4.1,1,4.1,4.1V16V17.1z M21.2,11.1c0,3.1-1,4.1-4.2,4.1h-0.3v-2.4 c0-3.9-1.7-5.6-5.6-5.6H8.8V6.9c0-3.1,1-4.1,4.1-4.1h4.2c3.1,0,4.2,1,4.2,4.1V11.1z" />
|
||||
<path d="M11.4,12.5L8,15.9l-1.4-1.4c-0.3-0.3-0.8-0.3-1.1,0s-0.3,0.8,0,1.1l2,2c0.1,0.1,0.3,0.2,0.5,0.2h0 c0.2,0,0.4-0.1,0.5-0.2l3.9-3.9c0.3-0.3,0.3-0.8,0-1.1C12.2,12.2,11.7,12.2,11.4,12.5z" />
|
||||
<path d="M20.4 4.6c-.2-.2-.6-.2-.8 0l-8.1 8.1-1.9-1.9c-.2-.2-.6-.2-.8 0-.2.2-.2.6 0 .8L11 14c.1.1.3.2.4.2s.3-.1.4-.2l8.5-8.6c.4-.2.4-.6.1-.8z"/>
|
||||
<path d="M18.5 11.4c-.3 0-.6.3-.6.6v5.4c0 .5-.4 1-1 1H6c-.5 0-.9-.4-.9-1V6.6c0-.5.4-1 .9-1h8.5c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H6c-1.2 0-2.1 1-2.1 2.2v10.9c0 1.2 1 2.2 2.1 2.2h10.9c1.2 0 2.1-1 2.1-2.2V12c0-.3-.2-.6-.5-.6z"/>
|
||||
</symbol>
|
||||
<symbol id="scrum" viewBox="0 0 16 16">
|
||||
<g transform="matrix(0.00357, 0, 0, -0.003573, -1.147394, 17.149212)">
|
||||
|
||||
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
@ -25,12 +25,18 @@
|
||||
export let selected: boolean
|
||||
export let notify: boolean = false
|
||||
export let hidden: boolean = false
|
||||
export let editable: boolean = false
|
||||
export let editable: 'vertical' | 'horizontal' | false = false
|
||||
|
||||
const dispatch = createEventDispatcher()
|
||||
</script>
|
||||
|
||||
<button class="app" class:selected class:hidden class:editable id={'app-' + label} use:tooltip={{ label }}>
|
||||
<button
|
||||
class="app{editable ? ' ' + editable : ''}"
|
||||
class:selected
|
||||
class:hidden
|
||||
id={'app-' + label}
|
||||
use:tooltip={{ label }}
|
||||
>
|
||||
<div class="flex-center icon-container" class:noty={notify}>
|
||||
<Icon {icon} size={'large'} />
|
||||
</div>
|
||||
@ -58,21 +64,24 @@
|
||||
.app {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
width: 3.25rem;
|
||||
height: 3.25rem;
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.5rem;
|
||||
border-radius: 0.25rem;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
|
||||
&.editable {
|
||||
margin: 0.125rem;
|
||||
&.horizontal {
|
||||
margin: 0 0.125rem;
|
||||
}
|
||||
&.vertical {
|
||||
margin: 0.125rem 0;
|
||||
}
|
||||
.icon-container {
|
||||
width: 3.25rem;
|
||||
height: 3.25rem;
|
||||
color: var(--dark-color);
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
color: var(--theme-navpanel-icons-color);
|
||||
|
||||
.normal-font &.noty {
|
||||
clip-path: url(#notify-normal);
|
||||
@ -83,40 +92,40 @@
|
||||
}
|
||||
|
||||
&:hover .icon-container {
|
||||
color: var(--caption-color);
|
||||
color: var(--theme-caption-color);
|
||||
}
|
||||
&:focus {
|
||||
border: 1px solid var(--primary-button-focused-border);
|
||||
box-shadow: 0 0 0 3px var(--primary-button-outline);
|
||||
box-shadow: 0 0 0 2px var(--primary-button-focused-border);
|
||||
.icon-container {
|
||||
color: var(--caption-color);
|
||||
color: var(--theme-caption-color);
|
||||
}
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: var(--menu-bg-select);
|
||||
background-color: var(--theme-button-enabled);
|
||||
border: 1px solid var(--theme-button-border);
|
||||
.icon-container {
|
||||
color: var(--caption-color);
|
||||
color: var(--theme-caption-color);
|
||||
}
|
||||
}
|
||||
|
||||
&.hidden {
|
||||
border: 1px dashed var(--dark-color);
|
||||
border: 1px dashed var(--theme-dark-color);
|
||||
.icon-container {
|
||||
color: var(--dark-color);
|
||||
color: var(--theme-dark-color);
|
||||
}
|
||||
&:hover .icon-container {
|
||||
color: var(--content-color);
|
||||
color: var(--theme-content-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.marker {
|
||||
position: absolute;
|
||||
top: 0.75rem;
|
||||
right: 0.75rem;
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
top: 1.25rem;
|
||||
right: 0.5rem;
|
||||
width: 0.425rem;
|
||||
height: 0.425rem;
|
||||
border-radius: 50%;
|
||||
background-color: var(--highlight-red);
|
||||
}
|
||||
@ -132,6 +141,7 @@
|
||||
transform: scale(1);
|
||||
opacity: 0.8;
|
||||
z-index: 10000;
|
||||
filter: drop-shadow(0 0 1px #000);
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
|
||||
@ -34,12 +34,13 @@
|
||||
<style lang="scss">
|
||||
.app {
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
padding: 0;
|
||||
width: 3.25rem;
|
||||
height: 3.25rem;
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.5rem;
|
||||
border-radius: 0.25rem;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
|
||||
@ -50,13 +51,13 @@
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
&.mini.selected {
|
||||
background-color: var(--button-border-hover);
|
||||
background-color: var(--theme-button-pressed);
|
||||
}
|
||||
|
||||
.icon-container {
|
||||
width: 3.25rem;
|
||||
height: 3.25rem;
|
||||
color: var(--dark-color);
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
color: var(--theme-navpanel-icons-color);
|
||||
|
||||
.normal-font &.noty {
|
||||
clip-path: url(#notify-normal);
|
||||
@ -67,30 +68,30 @@
|
||||
}
|
||||
|
||||
&:hover .icon-container {
|
||||
color: var(--caption-color);
|
||||
color: var(--theme-caption-color);
|
||||
}
|
||||
&:focus {
|
||||
border: 1px solid var(--primary-button-focused-border);
|
||||
box-shadow: 0 0 0 3px var(--primary-button-outline);
|
||||
box-shadow: 0 0 0 2px var(--primary-button-focused-border);
|
||||
.icon-container {
|
||||
color: var(--caption-color);
|
||||
color: var(--theme-caption-color);
|
||||
}
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: var(--menu-bg-select);
|
||||
background-color: var(--theme-button-enabled);
|
||||
border: 1px solid var(--theme-button-border);
|
||||
.icon-container {
|
||||
color: var(--caption-color);
|
||||
color: var(--theme-caption-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.marker {
|
||||
position: absolute;
|
||||
top: 0.75rem;
|
||||
right: 0.75rem;
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
top: 1.125rem;
|
||||
right: 0.375rem;
|
||||
width: 0.425rem;
|
||||
height: 0.425rem;
|
||||
border-radius: 50%;
|
||||
background-color: var(--highlight-red);
|
||||
}
|
||||
|
||||
@ -36,16 +36,15 @@
|
||||
})
|
||||
</script>
|
||||
|
||||
<div class="flex-{direction === 'horizontal' ? 'row-center' : 'col'} clear-mins apps-{direction} relative">
|
||||
<div class="flex-{direction === 'horizontal' ? 'row-center' : 'col-center'} clear-mins apps-{direction} relative">
|
||||
{#if loaded}
|
||||
<Scroller
|
||||
invertScroll
|
||||
padding={direction === 'horizontal' ? '.25rem 0' : '0 .5rem'}
|
||||
padding={direction === 'horizontal' ? '.75rem .5rem' : '.5rem .75rem'}
|
||||
horizontal={direction === 'horizontal'}
|
||||
contentDirection={direction}
|
||||
buttons
|
||||
buttons={'union'}
|
||||
>
|
||||
<div class="apps-space-{direction}" />
|
||||
{#each apps.filter((it) => (shown ? true : !hiddenAppsIds.includes(it._id))) as app}
|
||||
<NavLink app={app.alias}>
|
||||
<App
|
||||
@ -53,7 +52,7 @@
|
||||
icon={app.icon}
|
||||
label={app.label}
|
||||
hidden={hiddenAppsIds.includes(app._id)}
|
||||
editable={shown}
|
||||
editable={shown ? direction : false}
|
||||
on:visible={(res) => {
|
||||
if (res.detail === undefined) return
|
||||
if (res.detail) showApplication(app)
|
||||
@ -70,23 +69,21 @@
|
||||
<style lang="scss">
|
||||
.apps-horizontal {
|
||||
justify-content: center;
|
||||
margin: 0 1rem;
|
||||
padding: 0 0.25rem;
|
||||
margin: 0 0.5rem 0 0.25rem;
|
||||
min-height: 4rem;
|
||||
}
|
||||
.apps-vertical {
|
||||
margin: 1rem 0;
|
||||
padding: 0.25rem 0;
|
||||
min-width: 4rem;
|
||||
}
|
||||
.apps-space {
|
||||
&-vertical {
|
||||
min-height: 0.25rem;
|
||||
height: 0.25rem;
|
||||
min-height: 0.5rem;
|
||||
height: 0.5rem;
|
||||
}
|
||||
&-horizontal {
|
||||
min-width: 0.25rem;
|
||||
width: 0.25rem;
|
||||
min-width: 0.5rem;
|
||||
width: 0.5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
89
plugins/workbench-resources/src/components/Logo.svelte
Normal file
89
plugins/workbench-resources/src/components/Logo.svelte
Normal file
@ -0,0 +1,89 @@
|
||||
<!--
|
||||
// Copyright © 2022 Hardcore Engineering Inc.
|
||||
//
|
||||
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
|
||||
// you may not use this file except in compliance with the License. You may
|
||||
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
|
||||
//
|
||||
// Unless required by applicable law or agreed to in writing, software
|
||||
// distributed under the License is distributed on an "AS IS" BASIS,
|
||||
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
//
|
||||
// See the License for the specific language governing permissions and
|
||||
// limitations under the License.
|
||||
-->
|
||||
<script lang="ts">
|
||||
import type { IntlString } from '@hcengineering/platform'
|
||||
import { tooltip } from '@hcengineering/ui'
|
||||
import Arrows from './icons/Arrows.svelte'
|
||||
|
||||
export let bundle: 'platform' | 'ezthera' = 'platform'
|
||||
export let label: IntlString
|
||||
export let selected: boolean
|
||||
</script>
|
||||
|
||||
<button class="antiLogo {bundle}" class:selected tabindex="0" use:tooltip={{ label }} on:click>
|
||||
<span class="logo">{bundle === 'ezthera' ? 'E' : 'P'}</span>
|
||||
<div class="arrows"><Arrows size={'small'} /></div>
|
||||
</button>
|
||||
|
||||
<style lang="scss">
|
||||
.antiLogo {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
font-weight: 500;
|
||||
color: var(--primary-button-color);
|
||||
border-radius: 0.25rem;
|
||||
outline: none;
|
||||
perspective: 16px;
|
||||
transform-style: preserve-3d;
|
||||
|
||||
&.platform {
|
||||
background-color: #c93030;
|
||||
}
|
||||
&.ezthera {
|
||||
background-color: #2b5190;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px var(--primary-button-focused-border);
|
||||
}
|
||||
|
||||
.logo,
|
||||
.arrows {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
.logo {
|
||||
transform: translate(-50%, -50%);
|
||||
opacity: 1;
|
||||
}
|
||||
.arrows {
|
||||
transform: translate(0, -50%) rotateY(0deg);
|
||||
opacity: 0;
|
||||
}
|
||||
&:hover {
|
||||
.logo {
|
||||
transform: translate(-100%, -50%);
|
||||
opacity: 0;
|
||||
}
|
||||
.arrows {
|
||||
transform: translate(-50%, -50%) rotateY(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&.selected:hover {
|
||||
.arrows {
|
||||
transform: translate(-50%, -50%) rotateY(180deg);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -64,7 +64,7 @@
|
||||
import Navigator from './Navigator.svelte'
|
||||
import SpaceView from './SpaceView.svelte'
|
||||
import Settings from './icons/Settings.svelte'
|
||||
import TopMenu from './icons/TopMenu.svelte'
|
||||
import Logo from './Logo.svelte'
|
||||
|
||||
let contentPanel: HTMLElement
|
||||
let shownMenu: boolean = false
|
||||
@ -484,6 +484,8 @@
|
||||
: appsDirection === 'vertical' && $deviceInfo.isMobile
|
||||
? 'account-mobile'
|
||||
: 'account'
|
||||
let notifyPosition: PopupPosAlignment
|
||||
$: notifyPosition = appsDirection === 'horizontal' ? 'notify-mobile' : 'notify'
|
||||
|
||||
onMount(() => subscribeMobile(setTheme))
|
||||
|
||||
@ -529,11 +531,13 @@
|
||||
<svg class="svg-mask">
|
||||
<clipPath id="notify-normal">
|
||||
<path
|
||||
d="M0,0v52.5h52.5V0H0z M34,23.2c-3.2,0-5.8-2.6-5.8-5.8c0-3.2,2.6-5.8,5.8-5.8c3.2,0,5.8,2.6,5.8,5.8 C39.8,20.7,37.2,23.2,34,23.2z"
|
||||
d="M19.4,21.8c-3,0-5.4-2.4-5.4-5.4s2.4-5.4,5.4-5.4c1.9,0,3.6,1,4.6,2.6V0H0v24h24v-4.8C23.1,20.7,21.4,21.8,19.4,21.8z"
|
||||
/>
|
||||
</clipPath>
|
||||
<clipPath id="notify-small">
|
||||
<path d="M0,0v45h45V0H0z M29.5,20c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S32.3,20,29.5,20z" />
|
||||
<path
|
||||
d="M17,19.1c-2.6,0-4.7-2.1-4.7-4.7s2.1-4.7,4.7-4.7c1.7,0,3.2,0.9,4,2.3V0H0v21h21v-4.2C20.2,18.2,18.7,19.1,17,19.1z"
|
||||
/>
|
||||
</clipPath>
|
||||
<clipPath id="nub-bg">
|
||||
<path
|
||||
@ -549,46 +553,19 @@
|
||||
<div class="workbench-container" style:flex-direction={appsDirection === 'horizontal' ? 'column-reverse' : 'row'}>
|
||||
<div class="antiPanel-application {appsDirection}">
|
||||
<div
|
||||
class="hamburger-container"
|
||||
class:portrait={appsDirection === 'horizontal' && !appsMini}
|
||||
class:landscape={appsDirection === 'vertical' && !appsMini}
|
||||
class:mini={appsMini}
|
||||
class="hamburger-container clear-mins"
|
||||
class:portrait={appsDirection === 'horizontal'}
|
||||
class:landscape={appsDirection === 'vertical'}
|
||||
>
|
||||
<!-- <ActivityStatus status="active" /> -->
|
||||
<AppItem
|
||||
icon={TopMenu}
|
||||
label={visibileNav ? workbench.string.HideMenu : workbench.string.ShowMenu}
|
||||
selected={!visibileNav}
|
||||
on:click={toggleNav}
|
||||
mini={appsMini}
|
||||
/>
|
||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||
<div class="thinButton" class:shownMenu on:click={() => (shownMenu = !shownMenu)}>
|
||||
<Settings size={'small'} />
|
||||
<div class="logo-container clear-mins">
|
||||
<Logo
|
||||
bundle={'platform'}
|
||||
label={visibileNav ? workbench.string.HideMenu : workbench.string.ShowMenu}
|
||||
selected={!visibileNav}
|
||||
on:click={toggleNav}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<Applications
|
||||
apps={getApps(apps)}
|
||||
active={currentApplication?._id}
|
||||
direction={appsDirection}
|
||||
bind:shown={shownMenu}
|
||||
/>
|
||||
<div class="info-box {appsDirection}" class:vertical-mobile={appsDirection === 'vertical' && appsMini}>
|
||||
{#if $configurationStore.has(requestId)}
|
||||
<AppItem
|
||||
icon={request.icon.Requests}
|
||||
label={request.string.Requests}
|
||||
on:click={() => showPopup(request.component.RequestsPopup, {}, popupPosition)}
|
||||
notify={hasRequests}
|
||||
/>
|
||||
{/if}
|
||||
{#if $configurationStore.has(calendarId)}
|
||||
<AppItem
|
||||
icon={calendar.icon.Reminder}
|
||||
label={calendar.string.Reminders}
|
||||
on:click={() => showPopup(calendar.component.RemindersPopup, {}, popupPosition)}
|
||||
/>
|
||||
{/if}
|
||||
<!-- <ActivityStatus status="active" /> -->
|
||||
<NavLink app={notificationId}>
|
||||
<AppItem
|
||||
icon={notification.icon.Notifications}
|
||||
@ -617,6 +594,35 @@
|
||||
notify={hasNotification}
|
||||
/>
|
||||
</NavLink>
|
||||
{#if $configurationStore.has(calendarId)}
|
||||
<AppItem
|
||||
icon={calendar.icon.Reminder}
|
||||
label={calendar.string.Reminders}
|
||||
on:click={() => showPopup(calendar.component.RemindersPopup, {}, notifyPosition)}
|
||||
/>
|
||||
{/if}
|
||||
{#if $configurationStore.has(requestId)}
|
||||
<AppItem
|
||||
icon={request.icon.Requests}
|
||||
label={request.string.Requests}
|
||||
on:click={() => showPopup(request.component.RequestsPopup, {}, notifyPosition)}
|
||||
notify={hasRequests}
|
||||
/>
|
||||
{/if}
|
||||
<div class="divider" />
|
||||
<Applications
|
||||
apps={getApps(apps)}
|
||||
active={currentApplication?._id}
|
||||
direction={appsDirection}
|
||||
bind:shown={shownMenu}
|
||||
/>
|
||||
</div>
|
||||
<div class="info-box {appsDirection}" class:vertical-mobile={appsDirection === 'vertical'} class:mini={appsMini}>
|
||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
|
||||
<div class="thinButton" class:shownMenu on:click={() => (shownMenu = !shownMenu)} tabindex="0">
|
||||
<Settings size={appsMini ? 'small' : 'large'} />
|
||||
</div>
|
||||
<div class="flex-center" class:mt-2={appsDirection === 'vertical'} class:ml-2={appsDirection === 'horizontal'}>
|
||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||
<div
|
||||
@ -626,7 +632,7 @@
|
||||
showPopup(AccountPopup, {}, popupPosition)
|
||||
}}
|
||||
>
|
||||
<Component is={contact.component.Avatar} props={{ avatar: employee.avatar, size: 'medium' }} />
|
||||
<Component is={contact.component.Avatar} props={{ avatar: employee.avatar, size: 'small' }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -729,71 +735,44 @@
|
||||
.hamburger-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
|
||||
&.portrait {
|
||||
margin-left: 0.375rem;
|
||||
margin-left: 1rem;
|
||||
|
||||
.thinButton {
|
||||
.logo-container {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.divider {
|
||||
margin-left: 0.5rem;
|
||||
padding: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 1px;
|
||||
height: 2.25rem;
|
||||
}
|
||||
}
|
||||
&.landscape {
|
||||
flex-direction: column;
|
||||
margin-top: 0.25rem;
|
||||
margin-top: 1.25rem;
|
||||
|
||||
.thinButton {
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.25rem;
|
||||
width: 2.5rem;
|
||||
.logo-container {
|
||||
margin-bottom: 1.75rem;
|
||||
}
|
||||
.divider {
|
||||
margin-top: 1.5rem;
|
||||
width: 2.25rem;
|
||||
height: 1px;
|
||||
}
|
||||
}
|
||||
&.mini {
|
||||
position: fixed;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
// &.mini {
|
||||
// position: fixed;
|
||||
// top: 4px;
|
||||
// left: 4px;
|
||||
// }
|
||||
|
||||
.thinButton {
|
||||
margin-left: 0.25rem;
|
||||
padding: 0;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.thinButton {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.logo-container {
|
||||
flex-shrink: 0;
|
||||
background-color: transparent;
|
||||
border-radius: 0.25rem;
|
||||
opacity: 0.2;
|
||||
cursor: pointer;
|
||||
|
||||
transition-property: opacity, color, background-color;
|
||||
transition-timing-function: var(--timing-main);
|
||||
transition-duration: 0.1s;
|
||||
|
||||
&:hover {
|
||||
color: var(--accent-color);
|
||||
background-color: var(--accent-bg-color);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
&.shownMenu {
|
||||
color: var(--accent-color);
|
||||
background-color: var(--button-bg-color);
|
||||
opacity: 0.8;
|
||||
|
||||
&:hover {
|
||||
color: var(--caption-color);
|
||||
background-color: var(--button-bg-hover);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.divider {
|
||||
flex-shrink: 0;
|
||||
background-color: var(--theme-navpanel-icons-divider);
|
||||
}
|
||||
}
|
||||
|
||||
@ -801,16 +780,51 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.thinButton {
|
||||
flex-shrink: 0;
|
||||
padding: 0.25rem;
|
||||
color: var(--theme-navpanel-icons-color);
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.25rem;
|
||||
cursor: pointer;
|
||||
|
||||
&.shownMenu {
|
||||
color: var(--theme-caption-color);
|
||||
border-color: var(--theme-button-border);
|
||||
}
|
||||
&.shownMenu {
|
||||
background-color: var(--theme-button-enabled);
|
||||
}
|
||||
&:hover {
|
||||
color: var(--theme-caption-color);
|
||||
}
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px var(--primary-button-focused-border);
|
||||
}
|
||||
}
|
||||
&.vertical {
|
||||
flex-direction: column;
|
||||
margin-bottom: 2rem;
|
||||
margin-bottom: 1.5rem;
|
||||
|
||||
&-mobile {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
&:not(.mini) > *:not(:last-child) {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
&.mini > *:not(:last-child) {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
}
|
||||
&.horizontal {
|
||||
margin-right: 1rem;
|
||||
|
||||
&:not(.mini) > *:not(:last-child) {
|
||||
margin-right: 0.75rem;
|
||||
}
|
||||
&.mini > *:not(:last-child) {
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,9 @@
|
||||
<script lang="ts">
|
||||
export let size: 'small' | 'medium' | 'large'
|
||||
const fill: string = 'currentColor'
|
||||
</script>
|
||||
|
||||
<svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon points="14.7,2.3 14,1.7 7.9,8 14,14.3 14.7,13.7 9.3,8 " />
|
||||
<polygon points="8.1,2.3 7.4,1.7 1.3,8 7.4,14.3 8.1,13.7 2.7,8 " />
|
||||
</svg>
|
||||
@ -5,15 +5,9 @@
|
||||
|
||||
<svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
{fill}
|
||||
d="M9.12596 1.6386C9.46935 1.54354 9.83221 1.7032 9.99413 2.02058C10.3672 2.75182 11.1261 3.24991 12 3.24991C12.8739 3.24991 13.6328 2.75182 14.0059 2.02058C14.1678 1.7032 14.5307 1.54354 14.874 1.6386C16.5585 2.10488 18.0759 2.97031 19.3184 4.12565C19.5611 4.35128 19.6269 4.70939 19.4804 5.00657C19.3331 5.30525 19.25 5.64181 19.25 5.99991C19.25 7.24254 20.2574 8.24991 21.5 8.24991L21.5314 8.24968C21.8629 8.24495 22.1583 8.4585 22.2576 8.77486C22.5777 9.79388 22.75 10.8775 22.75 11.9999C22.75 12.7407 22.6749 13.4648 22.5318 14.1647C22.4548 14.541 22.1059 14.7984 21.7237 14.7608C21.6504 14.7536 21.5758 14.7499 21.5 14.7499C20.2574 14.7499 19.25 15.7573 19.25 16.9999C19.25 17.553 19.4486 18.0578 19.7793 18.4497C20.027 18.7433 20.0128 19.1766 19.7465 19.4534C18.4777 20.7718 16.8745 21.7677 15.0721 22.3043C14.6807 22.4208 14.2681 22.2028 14.1437 21.8139C13.8535 20.9059 13.0024 20.2499 12 20.2499C10.9976 20.2499 10.1465 20.9059 9.85629 21.8139C9.73195 22.2028 9.31927 22.4208 8.92789 22.3043C7.12545 21.7677 5.52229 20.7718 4.25353 19.4534C3.98716 19.1766 3.97299 18.7433 4.22072 18.4497C4.55139 18.0578 4.75 17.553 4.75 16.9999C4.75 15.7573 3.74264 14.7499 2.5 14.7499C2.42423 14.7499 2.34963 14.7536 2.27634 14.7608C1.89406 14.7984 1.54519 14.541 1.46821 14.1647C1.32505 13.4648 1.25 12.7407 1.25 11.9999C1.25 10.8775 1.42227 9.79389 1.74236 8.77485C1.84173 8.4585 2.13705 8.24495 2.4686 8.24968L2.5 8.24991C3.74264 8.24991 4.75 7.24254 4.75 5.99991C4.75 5.64181 4.66689 5.30526 4.51962 5.00657C4.3731 4.70939 4.43894 4.35128 4.68159 4.12565C5.92411 2.97031 7.44153 2.10488 9.12596 1.6386ZM6.08277 4.88982C6.19152 5.24114 6.25 5.61415 6.25 5.99991C6.25 7.88936 4.85261 9.45244 3.03493 9.71204C2.84898 10.4431 2.75 11.2095 2.75 11.9999C2.75 12.4293 2.77921 12.8515 2.83567 13.2647C4.74948 13.4345 6.25 15.042 6.25 16.9999C6.25 17.6668 6.0754 18.294 5.76971 18.8371C6.62645 19.6183 7.63002 20.2403 8.73362 20.6569C9.37706 19.5189 10.598 18.7499 12 18.7499C13.402 18.7499 14.6229 19.5189 15.2664 20.6569C16.37 20.2403 17.3735 19.6183 18.2303 18.8371C17.9246 18.294 17.75 17.6668 17.75 16.9999C17.75 15.042 19.2505 13.4345 21.1643 13.2647C21.2208 12.8515 21.25 12.4293 21.25 11.9999C21.25 11.2095 21.151 10.4431 20.9651 9.71204C19.1474 9.45243 17.75 7.88935 17.75 5.99991C17.75 5.61415 17.8085 5.24114 17.9172 4.88982C17.0618 4.17701 16.0762 3.61605 15.0018 3.24766C14.3184 4.15887 13.2287 4.74991 12 4.74991C10.7713 4.74991 9.68158 4.15887 8.99819 3.24766C7.92382 3.61605 6.93823 4.17701 6.08277 4.88982Z"
|
||||
d="M11.8,9.3c-1.6,0-3,1.3-3,3s1.3,3,3,3s3-1.3,3-3S13.4,9.3,11.8,9.3z M11.8,14c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C13.5,13.2,12.7,14,11.8,14z"
|
||||
/>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
{fill}
|
||||
d="M7.75 12C7.75 9.65279 9.65279 7.75 12 7.75C14.3472 7.75 16.25 9.65279 16.25 12C16.25 14.3472 14.3472 16.25 12 16.25C9.65279 16.25 7.75 14.3472 7.75 12ZM12 9.25C10.4812 9.25 9.25 10.4812 9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25Z"
|
||||
d="M18.2,14.9c0.1-0.3,0.4-0.4,0.7-0.4c1.2,0,2.2-1,2.2-2.2s-1-2.2-2.2-2.2h-0.1c-0.3,0-0.5-0.1-0.6-0.3c0-0.1,0-0.1,0-0.2C18,9.3,18.1,9,18.3,8.7c0.4-0.4,0.6-1,0.6-1.6c0-0.6-0.2-1.1-0.6-1.5c-0.8-0.8-2.2-0.9-3.1,0c-0.2,0.2-0.5,0.3-0.8,0.1c-0.3-0.1-0.4-0.4-0.4-0.7c0-1.2-1-2.2-2.2-2.2s-2.2,1-2.2,2.2v0.1c0,0.3-0.1,0.5-0.3,0.6c-0.1,0-0.1,0-0.2,0C8.8,6,8.5,5.9,8.2,5.7C7.4,4.9,6,4.9,5.1,5.7c-0.4,0.4-0.6,1-0.6,1.5s0.2,1.1,0.7,1.6C5.4,9,5.4,9.4,5.3,9.7c-0.1,0.3-0.4,0.5-0.7,0.5c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2h0.1c0.3,0,0.5,0.2,0.7,0.4c0.1,0.3,0.1,0.6-0.2,0.8c-0.4,0.4-0.6,1-0.6,1.5c0,0.6,0.2,1.1,0.6,1.5c0.8,0.8,2.2,0.9,3.1,0c0.2-0.2,0.5-0.3,0.8-0.1c0.3,0.1,0.5,0.4,0.5,0.7c0,1.2,1,2.2,2.2,2.2s2.2-1,2.2-2.2v-0.1c0-0.3,0.2-0.5,0.4-0.7c0.3-0.1,0.6-0.1,0.8,0.2c0.8,0.8,2.3,0.8,3.1,0c0.4-0.4,0.6-1,0.6-1.5c0-0.6-0.2-1.1-0.7-1.6C18.1,15.5,18.1,15.1,18.2,14.9C18.2,14.9,18.2,14.9,18.2,14.9z M17.1,14.4c-0.3,0.7-0.2,1.5,0.4,2.2c0.2,0.2,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7c-0.4,0.4-1,0.4-1.5-0.1c-0.6-0.5-1.4-0.7-2.1-0.4c-0.7,0.3-1.2,1-1.2,1.8v0.1c0,0.5-0.4,1-1,1c-0.5,0-1-0.4-1-1.1c0-0.8-0.5-1.5-1.2-1.7c-0.2-0.1-0.5-0.2-0.8-0.2c-0.5,0-1,0.2-1.4,0.6c-0.4,0.4-1,0.4-1.4,0c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.8c0.6-0.6,0.7-1.4,0.4-2.1c-0.3-0.7-1-1.2-1.8-1.2H4.6c-0.5,0-1-0.4-1-1c0-0.5,0.4-1,1.1-1c0.8,0,1.5-0.5,1.7-1.2C6.7,9.4,6.6,8.6,6,7.9C5.8,7.8,5.7,7.5,5.7,7.2S5.8,6.7,6,6.5c0.4-0.4,1-0.4,1.5,0.1C8,7.1,8.7,7.3,9.4,7c0.1,0,0.1,0,0.2,0c0.7-0.3,1.2-1,1.2-1.8V5.1c0-0.5,0.4-1,1-1c0.5,0,1,0.4,1,1.1c0,0.8,0.5,1.5,1.2,1.7c0.7,0.3,1.5,0.2,2.2-0.4c0.4-0.4,1-0.4,1.4,0c0.2,0.2,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.8c-0.5,0.5-0.7,1.3-0.4,2c0,0.1,0,0.1,0,0.2c0.3,0.7,1,1.2,1.8,1.2h0.1c0.5,0,1,0.4,1,1c0,0.5-0.4,1-1.1,1C18.1,13.2,17.4,13.7,17.1,14.4z"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user