[TASK] Remove display settings relicts (#216)

Author: brotkrueml

packages/typo3-docs-theme/assets/js/theme.js

@@ -60,71 +60,6 @@ jQuery(document).ready(function () { 'use strict';
     versionOptions.appendChild(options);
   }
 
-  // Display settings FullWidth: value, checkbox, element
-  jQuery("#dsCogwheel" ).click(function() {
-    jQuery("#dsPanel" ).slideToggle();
-  });
-  var
-    body = document.getElementsByTagName('body')[0],
-    vPermanent,
-    vFullWidth,
-    vCbsTheme,
-    selectedStorage,
-    cbPermanent = document.querySelector('#cbPermanent'),
-    cbFullWidth = document.querySelector('#cbFullWidth'),
-    rbCbsThemeDark = document.querySelector('#rbCbsThemeDark'),
-    rbCbsThemeLight = document.querySelector('#rbCbsThemeLight'),
-    elFullWidth = document.getElementsByClassName('page-main-inner')[0]
-    ;
-
-  function dsLoad() {
-    vPermanent = localStorage.getItem('displaySettingsPermanent') === 'true';
-    selectedStorage = vPermanent ? localStorage : sessionStorage;
-    vFullWidth = selectedStorage.getItem('displaySettingsFullWidth') === 'true';
-    vCbsTheme = selectedStorage.getItem('displaySettingsCbsTheme') || 'dark';
-  }
-  function dsSet() {
-    if (elFullWidth) { elFullWidth.style.width = vFullWidth ? '99999px' : ''; }
-    if (cbPermanent) { cbPermanent.checked = vPermanent; }
-    if (cbFullWidth) { cbFullWidth.checked = vFullWidth; }
-    if (body && vCbsTheme) { body.dataset.cbsTheme = vCbsTheme; }
-    if (rbCbsThemeDark && vCbsTheme) { rbCbsThemeDark.checked = (vCbsTheme=='dark')};
-    if (rbCbsThemeLight && vCbsTheme) { rbCbsThemeLight.checked = (vCbsTheme=='light')};
-  }
-  function dsSave() {
-    vPermanent = !! cbPermanent.checked;
-    vFullWidth = !! cbFullWidth.checked;
-    vCbsTheme = (!!body.dataset.cbsTheme && body.dataset.cbsTheme) || 'dark';
-    selectedStorage = vPermanent ? localStorage : sessionStorage;
-    selectedStorage.setItem('displaySettingsFullWidth', vFullWidth ? 'true' : 'false');
-    selectedStorage.setItem('displaySettingsCbsTheme', vCbsTheme);
-    localStorage.setItem('displaySettingsPermanent', vPermanent ? 'true' : 'false');
-  }
-  jQuery(cbPermanent).change(function() {
-    dsSave();
-    dsSet();
-  });
-  jQuery(rbCbsThemeDark).change(function() {
-    if (rbCbsThemeDark.checked) {
-      body.dataset.cbsTheme = rbCbsThemeDark.value;
-      dsSave();
-      dsSet();
-    }
-  });
-  jQuery(rbCbsThemeLight).change(function() {
-    if (rbCbsThemeLight.checked) {
-      body.dataset.cbsTheme = rbCbsThemeLight.value;
-      dsSave();
-      dsSet();
-    }
-  });
-  jQuery(cbFullWidth).change(function() {
-    dsSave();
-    dsSet();
-  });
-  dsLoad();
-  dsSet();
-
   var versionNode = document.getElementById("toc-version");
   if (versionNode) {
     versionNode.addEventListener('click', function () {

packages/typo3-docs-theme/assets/sass/_component_displaysettings.scss

@@ -39,7 +39,6 @@
 @import 'component_math';
 @import 'component_horizbuttons';
 @import 'component_panel';
-@import 'component_displaysettings';
 @import 'component_phpdomain';
 @import 'component_confval.scss';
 @import 'component_fieldlist';

packages/typo3-docs-theme/assets/sass/theme.scss

@@ -10394,38 +10394,6 @@ readers do not read off random characters that represent icons */
   font-weight: 700;
   src: url("../fonts/source-code-pro/source-code-pro-v23-latin_latin-ext-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
-/* source-sans-3-200 - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: normal;
-  font-weight: 200;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
-/* source-sans-3-200italic - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: italic;
-  font-weight: 200;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
-/* source-sans-3-300 - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: normal;
-  font-weight: 300;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
-/* source-sans-3-300italic - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: italic;
-  font-weight: 300;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
 /* source-sans-3-regular - latin_latin-ext */
 @font-face {
   font-display: swap;
@@ -10442,38 +10410,6 @@ readers do not read off random characters that represent icons */
   font-weight: 400;
   src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
-/* source-sans-3-500 - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: normal;
-  font-weight: 500;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
-/* source-sans-3-500italic - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: italic;
-  font-weight: 500;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
-/* source-sans-3-600 - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: normal;
-  font-weight: 600;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
-/* source-sans-3-600italic - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: italic;
-  font-weight: 600;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
 /* source-sans-3-700 - latin_latin-ext */
 @font-face {
   font-display: swap;
@@ -10490,38 +10426,6 @@ readers do not read off random characters that represent icons */
   font-weight: 700;
   src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
-/* source-sans-3-800 - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: normal;
-  font-weight: 800;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
-/* source-sans-3-800italic - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: italic;
-  font-weight: 800;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
-/* source-sans-3-900 - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: normal;
-  font-weight: 900;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
-/* source-sans-3-900italic - latin_latin-ext */
-@font-face {
-  font-display: swap;
-  font-family: "Source Sans 3";
-  font-style: italic;
-  font-weight: 900;
-  src: url("../fonts/source-sans-3/source-sans-3-v15-latin_latin-ext-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-}
 /* Equilibrium Light by Carlo Abelli - a nice light theme */
 :root {
   --base16-base00: hsl(0, 0%, 13%);
@@ -24956,36 +24860,6 @@ ul[class*=horizbuttons-][class*=-striking-] > li {
   background-color: rgba(var(--bs-body-color-rgb), 0.03);
 }
 
-.displaysettingsui {
-  display: none;
-}
-@media (min-width: 1200px) {
-  .displaysettingsui {
-    display: block;
-  }
-}
-.displaysettingsui .dsDivCogwheel {
-  text-align: right;
-  float: right;
-}
-.displaysettingsui .dsDivCogwheel i {
-  cursor: pointer;
-  color: hsl(32, 100%, 50%);
-}
-.displaysettingsui .dsPanel {
-  border-radius: 0.2em;
-  display: none;
-  background-color: hsl(0, 0%, 95%);
-  border: 1px solid hsl(0, 0%, 85%);
-  padding: 1em;
-}
-.displaysettingsui .dsPanel input {
-  margin-right: 0.5em;
-}
-.displaysettingsui .dsPanel label {
-  margin-right: 1em;
-}
-
 .rst-content dl.php {
   border-radius: 0.375rem;
   margin-bottom: 1rem;