Fix: help.css does not contain content of inline_help.css and inline_help_capabilities.css

Closes #20

help/inline_help.css

-@import "node_modules/bootstrap/dist/css/bootstrap.css";
-@import "./inline_help_capabilities.css";
-
 html.in-modal .help-hide-inline {
   display: none;
 }
@@ -73,9 +70,7 @@ html.embedded .container-fluid {
   }
 }
 
-@screen-sm: 620px;
-
-@media (min-width: @screen-sm) {
+@media (min-width: 620px) {
   html.embedded .navbar-collapse,
   html.embedded .navbar-header {
     margin-left: -8px;

help/inline_help_capabilities.css

-html.embedded {
-  /* hide all capabilities and features initially */
-  & [class^="cap-"],
-  & [class*=" cap-"],
-  & [class^="feat-"],
-  & [class*=" feat-"] {
-    display: none;
-  }
-  /* display again for enabled capabilities */
-  &.cap-appointments .cap-appointments,
-    &.cap-calendar .cap-calendar,
-    &.cap-calendar_google .cap-calendar_google,
-    &.cap-call .cap-call,
-    &.cap-chat .cap-chat,
-    &.cap-contacts .cap-contacts,
-    &.cap-dataexport .cap-dataexport,
-    &.cap-deputy .cap-deputy,
-    &.cap-dumpster .cap-dumpster,
-    &.cap-edit_group .cap-edit_group,
-    &.cap-edit_resource .cap-edit_resource,
-    &.cap-gab .cap-gab,
-    &.cap-guard .cap-guard,
-    &.cap-infostore .cap-infostore,
-    &.cap-multifactor .cap-multifactor,
-    &.cap-portal .cap-portal,
-    &.cap-presenter .cap-presenter,
-    &.cap-share_links .cap-share_links,
-    &.cap-share_mail_attachments .cap-share_mail_attachments,
-    &.cap-smime .cap-smime,
-    &.cap-spreadsheet .cap-spreadsheet,
-    &.cap-switchboard .cap-switchboard,
-    &.cap-tasks .cap-tasks,
-    &.cap-text .cap-text,
-    &.cap-webdav .cap-webdav,
-    &.cap-webmail .cap-webmail,
-    &.cap-xing .cap-xing,
-    /* display again for enabled features */
-    &.feat-io-ox-core-ai .feat-io-ox-core-ai,
-    &.feat-io-ox-core-categories .feat-io-ox-core-categories,
-    &.feat-io-ox-core-countdown .feat-io-ox-core-countdown,
-    &.feat-io-ox-core-dragDropICAL .feat-io-ox-core-dragDropICAL,
-    &.feat-io-ox-core-enterprisePicker .feat-io-ox-core-enterprisePicker,
-    &.feat-io-ox-core-firstStartWizard .feat-io-ox-core-firstStartWizard,
-    &.feat-io-ox-core-implicitCancel .feat-io-ox-core-implicitCancel,
-    &.feat-io-ox-core-mailPDFExport .feat-io-ox-core-mailPDFExport,
-    &.feat-io-ox-core-managedResources .feat-io-ox-core-managedResources,
-    &.feat-io-ox-core-navigation .feat-io-ox-core-navigation,
-    &.feat-io-ox-core-resourceCalendars .feat-io-ox-core-resourceCalendars,
-    &.feat-io-ox-core-scheduleSend .feat-io-ox-core-scheduleSend,
-    &.feat-io-ox-core-templates .feat-io-ox-core-templates,
-    &.feat-io-ox-core-undoSend .feat-io-ox-core-undoSend,
-    &.feat-io-ox-mail-editRealNames .feat-io-ox-mail-editRealNames,
-    &.feat-jitsi .feat-jitsi,
-    &.feat-zoom .feat-zoom {
-    /* using `:not` to get the node type into the full selector here */
-    &:not(li) {
-      display: inherit;
-    }
-    /* list-item is browser specific and not covered by inherit */
-    display: list-item;
+html.embedded [class^="cap-"],
+html.embedded [class*=" cap-"],
+html.embedded [class^="feat-"],
+html.embedded [class*=" feat-"] {
+  display: none;
+}
+
+/* display again for enabled capabilities */
+html.embedded.cap-appointments .cap-appointments,
+html.embedded.cap-calendar .cap-calendar,
+html.embedded.cap-calendar_google .cap-calendar_google,
+html.embedded.cap-call .cap-call,
+html.embedded.cap-chat .cap-chat,
+html.embedded.cap-contacts .cap-contacts,
+html.embedded.cap-dataexport .cap-dataexport,
+html.embedded.cap-deputy .cap-deputy,
+html.embedded.cap-dumpster .cap-dumpster,
+html.embedded.cap-edit_group .cap-edit_group,
+html.embedded.cap-edit_resource .cap-edit_resource,
+html.embedded.cap-gab .cap-gab,
+html.embedded.cap-guard .cap-guard,
+html.embedded.cap-infostore .cap-infostore,
+html.embedded.cap-multifactor .cap-multifactor,
+html.embedded.cap-portal .cap-portal,
+html.embedded.cap-presenter .cap-presenter,
+html.embedded.cap-share_links .cap-share_links,
+html.embedded.cap-share_mail_attachments .cap-share_mail_attachments,
+html.embedded.cap-smime .cap-smime,
+html.embedded.cap-spreadsheet .cap-spreadsheet,
+html.embedded.cap-switchboard .cap-switchboard,
+html.embedded.cap-tasks .cap-tasks,
+html.embedded.cap-text .cap-text,
+html.embedded.cap-webdav .cap-webdav,
+html.embedded.cap-webmail .cap-webmail,
+html.embedded.cap-xing .cap-xing,
+/* display again for enabled features */
+html.embedded.feat-io-ox-core-ai .feat-io-ox-core-ai,
+html.embedded.feat-io-ox-core-categories .feat-io-ox-core-categories,
+html.embedded.feat-io-ox-core-countdown .feat-io-ox-core-countdown,
+html.embedded.feat-io-ox-core-dragDropICAL .feat-io-ox-core-dragDropICAL,
+html.embedded.feat-io-ox-core-enterprisePicker .feat-io-ox-core-enterprisePicker,
+html.embedded.feat-io-ox-core-firstStartWizard .feat-io-ox-core-firstStartWizard,
+html.embedded.feat-io-ox-core-implicitCancel .feat-io-ox-core-implicitCancel,
+html.embedded.feat-io-ox-core-mailPDFExport .feat-io-ox-core-mailPDFExport,
+html.embedded.feat-io-ox-core-managedResources .feat-io-ox-core-managedResources,
+html.embedded.feat-io-ox-core-navigation .feat-io-ox-core-navigation,
+html.embedded.feat-io-ox-core-resourceCalendars .feat-io-ox-core-resourceCalendars,
+html.embedded.feat-io-ox-core-scheduleSend .feat-io-ox-core-scheduleSend,
+html.embedded.feat-io-ox-core-templates .feat-io-ox-core-templates,
+html.embedded.feat-io-ox-core-undoSend .feat-io-ox-core-undoSend,
+html.embedded.feat-io-ox-mail-editRealNames .feat-io-ox-mail-editRealNames,
+html.embedded.feat-jitsi .feat-jitsi,
+html.embedded.feat-zoom .feat-zoom {
+  /* using `:not` to get the node type into the full selector here */
+  &:not(li) {
+    display: inherit;
   }
+  /* list-item is browser specific and not covered by inherit */
+  display: list-item;
 }

package.json

@@ -6,10 +6,11 @@
   "scripts": {
     "check-links": "npx --yes link-checker help/ --disable-external",
     "test": "echo VGhpcyBpcyBmaW5lLi4u8J+UpQo= | base64 -d && true",
-    "build": "npm run build:copy-help && npm run build:copy-bootstrap && npm run build:copy-jquery",
+    "build": "npm run build:copy-help && npm run build:copy-bootstrap && npm run build:copy-jquery && npm run build:append-styles",
     "build:copy-help": "npx --yes cpx 'help/**/*' build/help",
     "build:copy-bootstrap": "npx --yes cpx 'node_modules/bootstrap/dist/js/bootstrap.min.js' 'build/help' && npx --yes cpx 'node_modules/bootstrap/dist/css/bootstrap.min.css' 'build/help'",
-    "build:copy-jquery": "npx --yes cpx 'node_modules/jquery/dist/jquery.min.js' 'build/help'"
+    "build:copy-jquery": "npx --yes cpx 'node_modules/jquery/dist/jquery.min.js' 'build/help'",
+    "build:append-styles": "cat build/help/inline_help.css >> build/help/help.css && cat build/help/inline_help_capabilities.css >> build/help/help.css"
   },
   "dependencies": {
     "bootstrap": "^3.4.1",