From 2be3fc82bacce610b786fe7d4cf8db47e2466077 Mon Sep 17 00:00:00 2001 From: Simran Narang Date: Mon, 30 Aug 2021 15:14:15 +0530 Subject: [PATCH 1/3] Terminal controls shifted to the right of the demo The terminals have been shifted using a fixed tab bar on the right side of the demo. --- demo/index.html | 99 +++++++++++++++++++++++++++++++------------------ demo/style.css | 49 ++++++++++++++++++++++++ 2 files changed, 112 insertions(+), 36 deletions(-) diff --git a/demo/index.html b/demo/index.html index 910397c3..621a1883 100644 --- a/demo/index.html +++ b/demo/index.html @@ -15,42 +15,69 @@

xterm.js: A terminal for the web

-
-
-

Options

-

These options can be set in the Terminal constructor or by using the Terminal.setOption function.

-
-
-
-

Addons

-

Addons can be loaded and unloaded on a particular terminal to extend its functionality.

-
-

Addons Control

-

SearchAddon

-

- - - - - -

-

SerializeAddon

-

- - - 


-      

-    

-    

-      
Style

-      

-        
-        
+    

+      

+        

+      

+      

+        

+          
+          
+          
+        

+        

+          
Options

+          
These options can be set in the Terminal constructor or by using the Terminal.setOption function.

+          

+        

+        

+          
Addons

+          
Addons can be loaded and unloaded on a particular terminal to extend its functionality.

+          

+          
Addons Control

+          
SearchAddon

+          

+            
+            
+            
+            
+            
+          

+          
SerializeAddon

+          

+            
+            
+            

+          

+        

+        

+          
Style

+          

+            
+            
+          

+        

       

     

-    

-    
-    
-    
-  
+      

+      
+      
+      
+      
+    
 
diff --git a/demo/style.css b/demo/style.css
index 9c5fd0bd..29c4cbb1 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -41,3 +41,52 @@ pre {
     word-wrap: break-word;
     white-space: pre-wrap;
 }
+
+
+#container {
+    display: flex;
+    height: 75vh;
+}
+#grid {
+    flex: 1;
+    /* max-height: 80vh;
+    overflow-y: auto; */
+    width: 100%;
+}
+.tab {
+    overflow: hidden;
+    border: 1px solid #ccc;
+    background-color: #f1f1f1;
+}
+
+/* Style the buttons inside the tab */
+.tab button {
+    background-color: inherit;
+    float: left;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    padding: 14px 16px;
+    transition: 0.3s;
+    font-size: 17px;
+}
+
+/* Change background color of buttons on hover */
+.tab button:hover {
+    background-color: #ddd;
+}
+
+/* Create an active/current tablink class */
+.tab button.active {
+    background-color: #ccc;
+  }
+
+/* Style the tab content */
+.tabContent {
+    display: none;
+    padding: 6px 12px;
+    border: 1px solid #ccc;
+    border-top: none;
+    max-height: 67.7vh;
+    overflow-y: auto;
+}

From b19b3f0fb693518246268669b8533eada8ed337a Mon Sep 17 00:00:00 2001
From: Simran Narang 
Date: Tue, 31 Aug 2021 11:41:00 +0530
Subject: [PATCH 2/3] Implemented all the changes requested!

All Suggested changes committed successfully!
---
 demo/index.html | 37 +++++++++++++++++++++++++++++--------
 demo/style.css  |  2 +-
 2 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/demo/index.html b/demo/index.html
index 621a1883..20924b66 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -21,9 +21,10 @@
       

       

         

-          
-          
-          
+          
+          
+          
+          
         

         

           
Options

@@ -36,7 +37,7 @@
           

           
Addons Control

           
SearchAddon

-          

+          

             
             
             
@@ -57,13 +58,32 @@
             
           

         

+        

+          
Test

+          

+            
+            
+          

+        

       

     
-      

-      
-      
       
       
     
 
diff --git a/demo/style.css b/demo/style.css
index 29c4cbb1..cebd08e0 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -87,6 +87,6 @@ pre {
     padding: 6px 12px;
     border: 1px solid #ccc;
     border-top: none;
-    max-height: 67.7vh;
+    max-height: 100vh;
     overflow-y: auto;
 }

From 8edf0d5e1dcd0d68dc2ec815ffc22bc0350e0c72 Mon Sep 17 00:00:00 2001
From: Daniel Imms <2193314+Tyriar@users.noreply.github.com>
Date: Tue, 31 Aug 2021 07:29:31 -0700
Subject: [PATCH 3/3] Improve checkbox and italics styling

---
 demo/index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/demo/index.html b/demo/index.html
index 20924b66..fc5ca175 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -37,19 +37,19 @@
           

           
Addons Control

           
SearchAddon

-          

+          

             
             
-            
-            
-            
-          

+            
+            
+            
+          

           
SerializeAddon

-          

+          

             
             
             

-          

+          

         
         

           
Style