aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/assets
diff options
context:
space:
mode:
authorKim <1877318+kimsible@users.noreply.github.com>2020-04-28 14:53:43 +0200
committerGitHub <noreply@github.com>2020-04-28 14:53:43 +0200
commitb15fe00f7409b27573e162192530bc73e3f918b1 (patch)
treea71df67cee37a60f4de573ca9347aa3262cd8463 /client/src/assets
parent4682468d4d07e0864155dd2b403d93754786ea13 (diff)
downloadPeerTube-b15fe00f7409b27573e162192530bc73e3f918b1.tar.gz
PeerTube-b15fe00f7409b27573e162192530bc73e3f918b1.tar.zst
PeerTube-b15fe00f7409b27573e162192530bc73e3f918b1.zip
Add maximized mode to markdown-textarea + CSS improvements (#2660)
* Add arrows-angle-contract/expand bootstrap icons * Add grey textarea-background-color * Add maximized support to markdown-textarea + improve column display * Refactor CSS + add ResizeObservable * Replace bootstrap icons with softies * Add ResizeObserver typing definition * Add focus on textarea + Fix Observables * Propage component changes on markdown plugins * Ignore ResizeObserver not implemented in typescript yet * Move observers from constructor to click event * Add scss and css variables * Replace textareaWidth with textareaMaxWidth to fix others textareas * Clean unused css rules * Fix ResizeObserver unknown by TypeScript compiler * Set max-width: 100% for small and mobile views * Fix textarea/preview height on maximized mode * Add common padding textarea/preview side-by-side * Hide scrollbar sub-menu on small-views * Add maximized mode for mobile views * Fix sass calculate syntax * Revert custom CSS variable for inputBorderRadius and inputBorderColor * Remove unsued methods * Fix missing implement method Co-authored-by: kimsible <kimsible@users.noreply.github.com>
Diffstat (limited to 'client/src/assets')
-rw-r--r--client/src/assets/images/global/exit-fullscreen.svg16
-rw-r--r--client/src/assets/images/global/fullscreen.svg17
2 files changed, 33 insertions, 0 deletions
diff --git a/client/src/assets/images/global/exit-fullscreen.svg b/client/src/assets/images/global/exit-fullscreen.svg
new file mode 100644
index 000000000..ba01f583c
--- /dev/null
+++ b/client/src/assets/images/global/exit-fullscreen.svg
@@ -0,0 +1,16 @@
1<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2 <defs/>
3 <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
4 <g id="Artboard-4" transform="translate(-400.000000, -1046.000000)" stroke="#333333" stroke-width="2">
5 <g id="Extras" transform="translate(48.000000, 1046.000000)">
6 <g id="exit-fullscreen" transform="translate(352.000000, 0.000000)">
7 <rect id="Rectangle-433" x="6" y="8" width="12" height="8"/>
8 <polyline id="Path-42" stroke-linecap="round" transform="translate(21.500000, 5.500000) scale(-1, -1) translate(-21.500000, -5.500000) " points="23 7 23 4 20 4"/>
9 <polyline id="Path-42" stroke-linecap="round" transform="translate(2.500000, 18.500000) scale(-1, -1) translate(-2.500000, -18.500000) " points="4 20 1 20 1 17"/>
10 <polyline id="Path-42" stroke-linecap="round" transform="translate(21.500000, 18.500000) scale(-1, 1) translate(-21.500000, -18.500000) " points="23 20 23 17 20 17"/>
11 <polyline id="Path-42" stroke-linecap="round" transform="translate(2.500000, 5.500000) scale(-1, 1) translate(-2.500000, -5.500000) " points="4 7 1 7 1 4"/>
12 </g>
13 </g>
14 </g>
15 </g>
16</svg>
diff --git a/client/src/assets/images/global/fullscreen.svg b/client/src/assets/images/global/fullscreen.svg
new file mode 100644
index 000000000..4a9d67864
--- /dev/null
+++ b/client/src/assets/images/global/fullscreen.svg
@@ -0,0 +1,17 @@
1<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2 <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
3 <title>fullscreen</title>
4 <desc>Created with Sketch.</desc>
5 <defs/>
6 <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <g id="Artboard-4" transform="translate(-576.000000, -159.000000)" stroke="#333333" stroke-width="2">
8 <g id="33" transform="translate(576.000000, 159.000000)">
9 <rect id="Rectangle-433" x="1" y="4" width="22" height="16" rx="1"/>
10 <polyline id="Path-42" stroke-linecap="round" stroke-linejoin="round" points="20 10 20 7 17 7"/>
11 <polyline id="Path-42" stroke-linecap="round" stroke-linejoin="round" points="7 17 4 17 4 14"/>
12 <polyline id="Path-42" stroke-linecap="round" stroke-linejoin="round" transform="translate(18.500000, 15.500000) scale(1, -1) translate(-18.500000, -15.500000) " points="20 17 20 14 17 14"/>
13 <polyline id="Path-42" stroke-linecap="round" stroke-linejoin="round" transform="translate(5.500000, 8.500000) scale(1, -1) translate(-5.500000, -8.500000) " points="7 10 4 10 4 7"/>
14 </g>
15 </g>
16 </g>
17</svg>