add vendor list elements

katie-ta · Nov 14, 2021 · b0393a4 · b0393a4
1 parent 0700c31
commit b0393a4
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 7 deletions.
diff --git a/src/popup/ucookie.css b/src/popup/ucookie.css
@@ -24,6 +24,11 @@ h3 {
   margin-bottom: 3px;
 }
 
+textarea {
+  width: 480px;
+  margin-bottom: 5px;
+}
+
 .total_nb_container{
   margin-top: 14px;
   margin-bottom: 14px;
@@ -78,16 +83,23 @@ h3 {
   background-color: #EAEA9D;
 }
 
-textarea {
-  width: 480px;
-  margin-bottom: 5px;
-}
-
 .identified_cmp {
   color: rgb(6, 103, 116);
   font-size: 16px;
 }
 
+#vendors_container {
+  border: 1px solid rgb(218, 218, 218);
+  border-radius: 5px;
+  overflow-y: auto;
+  max-height: 200px;
+}
+
+#vendors_list {
+  margin-top: 8px;
+  padding-left: 28px;
+}
+
 #nb_purposes, #nb_vendors, #cmp {
     font-weight: bold;
 }

diff --git a/src/popup/ucookie.html b/src/popup/ucookie.html
@@ -38,12 +38,16 @@ <h2>Vendors</h2>
           <span id='nb_vendors' class="total_nb"></span> total vendors consented to.
           <button id="show_vendors">Show vendors</button>
         </div>
+        <div id="vendors_container" class="hidden">
+          [*] indicates that vendors relies on legitimates interests only
+          <ul id="vendors_list"></ul>
+        </div>
       </div>
       <div class="content-container">
         <h2>Purposes</h2>
         <div class="total_nb_container">
           <span><span id='nb_purposes' class="total_nb"></span> / 10 purposes with consent</span>
-          <button id="show_purposes" class="show_button">Show purposes</button>
+          <button id="show_purposes">Show purposes</button>
         </div>
 
         <div class="hidden" id="purposes_list">
@@ -69,7 +73,6 @@ <h2>Purposes</h2>
         TCF String Last Updated: <i><span id='last_updated'></span></i><br />
         TCF String Last Fetched: <i><span id='last_fetched'></span></i><br />
       </div>
-      <span id='vendors' class="hidden"></span>
     </div>
     <br />
     <a href="#" id="open_decoder" title="Open manual consent string decoder"><img src="img/Octicons-tools.png" class="icon"></a>