Fix css

redhat-developer · Sep 8, 2021 · 7ab43cb · 7ab43cb
1 parent c3cbe2a
commit 7ab43cb
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/src/hub/hub-view.ts b/src/hub/hub-view.ts
@@ -87,11 +87,11 @@ export class TektonHubTasksViewProvider extends Disposable implements vscode.Web
     <body>
       <div id="root" style="width: 100%; height: 100%;">
         <div id="header">
-        <ul class="test-abc select-list-group" id="slg">
-          <li class="test-xyz">
+        <ul class="ul-color select-list-group" id="slg">
+          <li class="li-style">
               <input type="text" placeholder="Search Tasks in TektonHub" id="taskInput" />
-              <ul class="test-abc test-abcd" data-toggle="false">
-                <li class="test-xyz">@tag:</li>
+              <ul class="ul-color ul-position" data-toggle="false">
+                <li class="li-style">@tag:</li>
               </ul>
            </li>
         </ul>

diff --git a/src/webview/common/vscode.css b/src/webview/common/vscode.css
@@ -83,24 +83,24 @@ textarea::placeholder {
 	color: var(--vscode-input-placeholderForeground);
 }
 
-.testtest {
+.contain-style {
 	top: 2%;
     position: relative;
 }
 
-li.test-xyz { 
+li.li-style { 
 	padding :  .6rem .1rem;
 	margin : 0;
 	position : relative
 }
 
-ul.test-abc { list-style : none; padding : 0; color : var(--vscode-foreground); background-color : var(--vscode-editor-background) }
+ul.ul-color { list-style : none; padding : 0; color : var(--vscode-foreground); background-color : var(--vscode-editor-background) }
 
-ul.test-abcd {}
+ul.ul-position {}
 
-li.test-xyz li.test-xyz:hover { color : var(--vscode-foreground); background-color : var(--vscode-input-background) }
+li.li-style li.li-style:hover { color : var(--vscode-foreground); background-color : var(--vscode-input-background) }
 
-li.test-xyz li.test-xyz.current { color : var(--vscode-foreground); background-color : var(--vscode-editor-background) }
+li.li-style li.li-style.current { color : var(--vscode-foreground); background-color : var(--vscode-editor-background) }
 
 .select-list-group, .select-list-group * {
 	width: 100%;

diff --git a/src/webview/hub/task-view.ts b/src/webview/hub/task-view.ts
@@ -272,7 +272,7 @@ export class TaskView {
 
     const taskListContainer = createDiv();
     taskListContainer.id = 'tasksList';
-    taskListContainer.className = 'testtest';
+    taskListContainer.className = 'contain-style';
     this.taskList = new TaskList(taskListContainer, this.vscodeAPI, this.loader, 'searchView');
 
     this.mainContainer = document.getElementById('mainContainer');