Copy and paste from terminal

Author: murilopolese

ui/arduino/components/panel.js

@@ -12,14 +12,20 @@ function Panel(state, emit) {
 }
 
 function PanelHandle(state, emit) {
-  let clear = html`
+  let termControls = html`
+    <button class="panel-button" onclick=${() => document.execCommand('copy')}>
+      C
+    </button>
+    <button class="panel-button" onclick=${() => document.execCommand('paste')}>
+      P
+    </button>
     <button class="panel-button" onclick=${() => emit('clean-terminal')}>
       <img src="icons/Delete.svg" />
     </button>
   `
   return html`
     <div id="handle" onmousedown=${() => emit('start-resizing-panel')}>
-      ${state.isTerminalOpen ? clear : null}
+      ${state.isTerminalOpen ? termControls : null}
     </div>
     `
 }

ui/arduino/theme.css

@@ -184,15 +184,16 @@ img {
 }
 #panel #handle {
   position: relative;
-  padding: 1rem;
+  height: 2rem;
   background: var(--teal);
   cursor: n-resize;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
 }
 
-.panel-button {
-  position: absolute;
-  right: 0.25rem;
-  transform: translateY(-50%);
+#panel #handle .panel-button {
   border: none;
   cursor: pointer !important;
   align-items: center;
@@ -206,6 +207,7 @@ img {
   height: 1.5rem;
   line-height: 1rem;
   background: var(--white-faded);
+  margin: 0 0.25rem;
 }
 
 #terminal {