Added basic category chooser UI

This commit is contained in:
Ajay Ramachandran
2020-04-02 21:26:13 -04:00
parent b6c243236b
commit 6ea87d7cd0
7 changed files with 171 additions and 0 deletions

View File

@@ -498,5 +498,14 @@
},
"category_merchandise": {
"message": "Merchandise and self-promotion"
},
"disable": {
"message": "Disable"
},
"manualSkip": {
"message": "Manual Skip"
},
"autoSkip": {
"message": "Auto Skip"
}
}

View File

@@ -323,4 +323,27 @@ svg {
font-size: 14px;
color: white;
}
/* React styles */
.categoryTableElement {
font-size: 16px;
color: white;
}
.categoryTableElement > * {
padding-right: 15px;
padding-bottom: 15px;
}
.categoryOptionsSelector {
background-color: #c00000;
color: white;
border: none;
font-size: 14px;
padding: 5px;
border-radius: 5px;
}

View File

@@ -24,6 +24,13 @@
<div id="options" class="hidden">
<div id="category-type" option-type="react-CategoryChooserComponent">
</div>
<br/>
<br/>
<div id="support-invidious" option-type="toggle" sync-option="supportInvidious">
<label class="switch-container" label-name="__MSG_supportInvidious__">
<label class="switch">