- commit
- 0a8b062a7cc79541a24ba4ee0ae371acf9f42430
- parent
- ce1c947016a57daaa9adc793d695cb955ed840a4
- Author
- Tobias Bengfort <tobias.bengfort@posteo.de>
- Date
- 2023-02-25 06:45
refactor popup toolbar layout
Diffstat
| M | src/popup.css | 8 | ++++++-- |
| M | src/popup.html | 12 | +++++++----- |
2 files changed, 13 insertions, 7 deletions
diff --git a/src/popup.css b/src/popup.css
@@ -6,8 +6,12 @@ 6 6 --text-dark: #fff; 7 7 } 8 89 -1 [name="settings"] {10 -1 float: right;-1 9 .toolbar { -1 10 display: flex; -1 11 gap: 0.5em; -1 12 } -1 13 .toolbar label { -1 14 flex-grow: 1; 11 15 } 12 16 13 17 table {
diff --git a/src/popup.html b/src/popup.html
@@ -6,11 +6,13 @@ 6 6 </head> 7 7 <body> 8 8 <table></table>9 -1 <label>10 -1 <input type="checkbox" name="recording">11 -1 recording12 -1 </label>13 -1 <button type="button" name="settings">Edit rules</button>-1 9 <div class="toolbar"> -1 10 <label> -1 11 <input type="checkbox" name="recording"> -1 12 recording -1 13 </label> -1 14 <button type="button" name="settings">Edit rules</button> -1 15 </div> 14 16 <details> 15 17 <summary>Help</summary> 16 18 <p>In the table above, the columns represent different types of requests. The rows represent domains. Numbers (if recording is enabled) show how many requests of a given type the current tab tries to make to the given domain. Red cells are blocked, green cells are allowed. Light green cells are allowed indirectly, e.g. because they represent a sub-domain of an allowed domain. Grey cells are disabled.</p>