Launch "reduce whitespace" feature
Fixed: twpowertools:130
Change-Id: I4d5f7d9b49338a9eeaea837f7a4ef574161550aa
diff --git a/docs/features.es.md b/docs/features.es.md
index 29889d3..15d6b77 100644
--- a/docs/features.es.md
+++ b/docs/features.es.md
@@ -223,7 +223,7 @@
recuperar borradores para que la función esté efectivamente desactivada.
### Actividad separada por foros en perfiles
-> **Option name:** _Muestra la actividad separada por foros en los perfiles de
+> **Opción:** _Muestra la actividad separada por foros en los perfiles de
la Consola de la Comunidad._
Una imagen vale más que mil palabras:
@@ -231,7 +231,7 @@
![Animated GIF showing the feature](resources/per_forum_activity_chart.gif)
### Diseño de los hilos en la Consola de la Comnuidad
-> **Option name:** _Muestra el diseño viejo/nuevo de los hilos en la Consola de
+> **Opción:** _Muestra el diseño viejo/nuevo de los hilos en la Consola de
la Comunidad._
Esta opción te permite forzar el diseño viejo o nuevo de las páginas de los
@@ -239,6 +239,19 @@
exclusivo a la Consola, mientras que el nuevo tiene el mismo diseño que las
páginas públicas de los hilos (en TW).
+### Reduce espacio en blanco
+> **Opción:** _Reduce el espacio en blanco en la Consola de la Comunidad y TW._
+
+Esta opción reduce el espacio en blanco excesivo en la Consola de la Comunidad y
+TW, como se muestra en la siguientes capturas:
+
+![Imagen mostrando la diferencia entre la función activada o desactivada cuando se ve un hilo](resources/ui_spacing.png)
+
+También reduce el espacio en blanco en las listas de hilos en pantallas pequeñas
+para que los títulos quepan mejor y se puedan leer:
+
+![Imagen mostrando cómo se reduce el espacio en blanco en la página de la lista de hilos en móvil](resources/ui_spacing_2.png)
+
## Punto indicador
> **Opciones:** _Muestra si el autor del hilo ha participado en otros hilos_,
_Muestra el número de preguntas y respuestas escritas por el autor del hilo
diff --git a/docs/features.md b/docs/features.md
index 0638262..ccb3cdd 100644
--- a/docs/features.md
+++ b/docs/features.md
@@ -225,6 +225,19 @@
Console. The old thread page design was exclusive to the Console, while the new
one has the same design of the public TW thread pages.
+### Reduce whitespace
+> **Option name:** _Reduce the whitespace in the Community Console and TW._
+
+This option reduces excessive whitespace throughout the Community Console and TW
+Basic, as shown in the screenshots below:
+
+![Picture showing the difference between the feature enabled or disabled when viewing a thread](resources/ui_spacing.png)
+
+It also reduces whitespace in thread lists in small screens so the titles fit
+better and can be read:
+
+![Picture showing how whitespace is reduced in the thread list page in mobile](resources/ui_spacing_2.png)
+
## Indicator dot
> **Option names:** _Show whether the OP has participated in other threads_,
_Show the number of questions and replies written by the OP within the last `n`
diff --git a/docs/resources/ui_spacing.png b/docs/resources/ui_spacing.png
new file mode 100644
index 0000000..1d6b53e
--- /dev/null
+++ b/docs/resources/ui_spacing.png
Binary files differ
diff --git a/docs/resources/ui_spacing_2.png b/docs/resources/ui_spacing_2.png
new file mode 100644
index 0000000..a9da5b0
--- /dev/null
+++ b/docs/resources/ui_spacing_2.png
Binary files differ
diff --git a/src/common/optionsPrototype.json5 b/src/common/optionsPrototype.json5
index 0854647..b1a74e3 100644
--- a/src/common/optionsPrototype.json5
+++ b/src/common/optionsPrototype.json5
@@ -134,6 +134,11 @@
context: 'options',
killSwitchType: 'ignore',
},
+ 'uispacing': {
+ defaultValue: false,
+ context: 'options',
+ killSwitchType: 'option',
+ },
// Experiments:
'workflows': {
@@ -151,11 +156,6 @@
context: 'experiments',
killSwitchType: 'experiment',
},
- 'uispacing': {
- defaultValue: false,
- context: 'experiments',
- killSwitchType: 'experiment',
- },
// Internal options:
'ccdarktheme_switch_enabled': {
diff --git a/src/options/optionsPage.json5 b/src/options/optionsPage.json5
index a5c9ff5..1b4f4d3 100644
--- a/src/options/optionsPage.json5
+++ b/src/options/optionsPage.json5
@@ -44,6 +44,7 @@
{codename: 'repositionexpandthread', experimental: true},
{codename: 'imagemaxheight'},
{codename: 'interopthreadpage'},
+ {codename: 'uispacing'},
],
},
],
diff --git a/src/static/options/experiments.html b/src/static/options/experiments.html
index 5eddef5..615d5ec 100644
--- a/src/static/options/experiments.html
+++ b/src/static/options/experiments.html
@@ -16,7 +16,6 @@
<div class="option"><input type="checkbox" id="workflows"> <label for="workflows" data-i18n="workflows"></label> <button id="manage-workflows" data-i18n="workflows_manage"></button></div>
<div class="option"><input type="checkbox" id="extrainfo"> <label for="extrainfo" data-i18n="extrainfo"></label></div>
<div class="option"><input type="checkbox" id="nestedreplies"> <label for="nestedreplies" data-i18n="nestedreplies"></label></div>
- <div class="option"><input type="checkbox" id="uispacing"> <label for="uispacing" data-i18n="uispacing"></label></div>
<div class="actions"><button id="save" data-i18n="save"></button></div>
</form>
<div id="save-indicator"></div>