Link and button updates

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
openhab · Oct 23, 2023 · c791f31 · c791f31
1 parent 668900f
commit c791f31
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 15 deletions.
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help-sidebar.vue b/bundles/org.openhab.ui/web/src/components/developer/help-sidebar.vue
@@ -123,10 +123,13 @@
       background #232323 !important
 
 .add-button-icon
-  color: blue
+  color: #2196f3
+
+.link-item-icon
+  color: #4cd964
 
 .chevron-icon
-  color: blue
+  color: #2196f3
 
 .faq-title .item-title
   white-space: normal !important

diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/help-qstart-defs.json b/bundles/org.openhab.ui/web/src/components/developer/help/help-qstart-defs.json
@@ -6,7 +6,7 @@
       {
         "link": "/settings/addons",
         "title": "Addon-Store",
-        "text": "Left panel > Settings > Add-on Store or click here"
+        "text": "Left panel > Settings > Add-on Store or click here <i class=\"f7-icons size-22 add-button-icon\">arrow_right</i>"
       },
       {
         "title": "Install",
@@ -24,7 +24,7 @@
       {
         "link": "/settings/things/inbox",
         "title": "Thing Inbox",
-        "text": "Left panel > Settings > Things > Inbox or click here"
+        "text": "Left panel > Settings > Things > Inbox or click here <i class=\"f7-icons size-22 add-button-icon\">arrow_right</i>"
       },
       {
         "title": "New Thing",
@@ -36,7 +36,7 @@
       },
       {
         "title": "Scan",
-        "text": "Click the <span style=\"background: blue; border-radius: 3px; color: white; padding: 0 5px 0 5px\">Scan</span> button to automatically search for related devices"
+        "text": "Click the <span style=\"background: #2196f3; border-radius: 3px; color: white; padding: 0 5px 0 5px\">Scan</span> button to automatically search for related devices"
       },
       {
         "title": "Add Thing",
@@ -54,7 +54,7 @@
       {
         "link": "/settings/things/",
         "title": "Thing List",
-        "text": "Left panel > Settings > Things or click here"
+        "text": "Left panel > Settings > Things or click here <i class=\"f7-icons size-22 add-button-icon\">arrow_right</i>"
       },
       {
         "title": "Select Thing",
@@ -76,7 +76,7 @@
       {
         "link": "/settings/things/",
         "title": "Thing List",
-        "text": "Left panel > Settings > Things or click here"
+        "text": "Left panel > Settings > Things or click here <i class=\"f7-icons size-22 add-button-icon\">arrow_right</i>"
       },
       {
         "title": "Select Thing",
@@ -88,7 +88,7 @@
       },
       {
         "title": "Select Channel",
-        "text": "Click to expand the Channel you will control and then click Add Link to Item"
+        "text": "Click to expand the Channel you will control and then click <i class=\"f7-icons size-22 link-item-icon\">plus_circle_fill</i> Add Link to Item"
       },
       {
         "title": "New Item",
@@ -110,7 +110,7 @@
       {
         "link": "/settings/pages/layout/overview",
         "title": "Select Page from Page List",
-        "text": "Left panel > Settings > Pages > Overview or click here"
+        "text": "Left panel > Settings > Pages > Overview or click here <i class=\"f7-icons size-22 add-button-icon\">arrow_right</i>"
       },
       {
         "title": "Add Block, Row, and Column",
@@ -135,7 +135,7 @@
       {
         "link": "/",
         "title": "View Home Page",
-        "text": "Click here to return to the Home Overview Page"
+        "text": "Click here to return to the Home Overview Page <i class=\"f7-icons size-22 add-button-icon\">arrow_right</i>"
       }
     ],
     "button": {

diff --git a/bundles/org.openhab.ui/web/src/pages/home/overview-tab.vue b/bundles/org.openhab.ui/web/src/pages/home/overview-tab.vue
@@ -15,7 +15,7 @@
     <component :is="overviewPage.component" v-if="overviewPage" v-show="!inChatSession" :context="overviewPageContext" :class="{notready: !ready}" @command="onCommand" />
     <div class="empty-overview" v-else-if="!inChatSession">
       <empty-state-placeholder icon="house" title="overview.title" text="overview.text" />
-      <f7-row class="display-flex justify-content-center">
+      <f7-row v-if="windowWidth < 1280" class="display-flex justify-content-center">
         <f7-button large fill color="blue" external href="https://openhab.org/link/docs" target="_blank" v-t="'home.overview.button.documentation'" />
         <span style="width: 8px" />
         <f7-button large color="blue" external href="https://openhab.org/link/tutorial" target="_blank" v-t="'home.overview.button.tutorial'" />

diff --git a/bundles/org.openhab.ui/web/src/pages/settings/items/items-list-vlist.vue b/bundles/org.openhab.ui/web/src/pages/settings/items/items-list-vlist.vue
@@ -100,7 +100,7 @@
 
     <f7-block v-if="ready && !items.length" class="service-config block-narrow">
       <empty-state-placeholder icon="square_on_circle" title="items.title" text="items.text" />
-      <f7-row class="display-flex justify-content-center">
+      <f7-row v-if="windowWidth < 1280" class="display-flex justify-content-center">
         <f7-button large fill color="blue" external :href="documentationLink" target="_blank" v-t="'home.overview.button.documentation'" />
       </f7-row>
     </f7-block>

diff --git a/bundles/org.openhab.ui/web/src/pages/settings/rules/rules-list.vue b/bundles/org.openhab.ui/web/src/pages/settings/rules/rules-list.vue
@@ -119,7 +119,7 @@
       <empty-state-placeholder v-if="showScripts" icon="doc_plaintext" title="scripts.title" text="scripts.text" />
       <empty-state-placeholder v-else-if="showScenes" icon="film" title="scenes.title" text="scenes.text" />
       <empty-state-placeholder v-else icon="wand_stars" title="rules.title" text="rules.text" />
-      <f7-row class="display-flex justify-content-center">
+      <f7-row v-if="windowWidth < 1280" class="display-flex justify-content-center">
         <f7-button large fill color="blue" external :href="documentationLink" target="_blank" v-t="'home.overview.button.documentation'" />
       </f7-row>
     </f7-block>

diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/things-list.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/things-list.vue
@@ -122,7 +122,7 @@
 
     <f7-block v-if="ready && !things.length" class="block-narrow">
       <empty-state-placeholder icon="lightbulb" title="things.title" text="things.text" />
-      <f7-row class="display-flex justify-content-center">
+      <f7-row v-if="windowWidth < 1280" class="display-flex justify-content-center">
         <f7-button large fill color="blue" external :href="documentationLink" target="_blank" v-t="'home.overview.button.documentation'" />
       </f7-row>
     </f7-block>

diff --git a/bundles/org.openhab.ui/web/src/pages/settings/transformations/transformations-list.vue b/bundles/org.openhab.ui/web/src/pages/settings/transformations/transformations-list.vue
@@ -106,7 +106,7 @@
 
     <f7-block v-if="ready && !transformations.length" class="service-config block-narrow">
       <empty-state-placeholder icon="arrow_2_squarepath" title="transformations.title" text="transformations.text" />
-      <f7-row class="display-flex justify-content-center">
+      <f7-row v-if="windowWidth < 1280" class="display-flex justify-content-center">
         <f7-button large fill color="blue" external :href="documentationLink" target="_blank" v-t="'home.overview.button.documentation'" />
       </f7-row>
     </f7-block>