Merge pull request #1099 from tiamatica/contactinfo

Contact info made selectable, fix #1091
Dyalog · Aug 19, 2023 · 72613ff · 72613ff
2 parents 790d6f3 + b694966
commit 72613ff
Show file tree

Hide file tree

Showing 6 changed files with 842 additions and 834 deletions.
diff --git a/about.html b/about.html
@@ -11,7 +11,8 @@
   <div id=abt class="dlg floating">
     <div id=abt_logo class=dlg_title>
       <div id=abt_contact class=dlg_no_drag>
-        <span title="Dyalog's UK phone number">+44 1256 830030</span><br>
+        <a id=abt_phone href="tel:+441256830030" 
+           title="Dyalog's UK phone number">+44 1256 830030</a><br>
         <a id=abt_email href="mailto:support@dyalog.com">support@dyalog.com</a><br>
         <a href='http://www.dyalog.com/' target=_blank>www.dyalog.com</a>
       </div>

diff --git a/index.html b/index.html
@@ -393,8 +393,9 @@
 <div id=abt class=dlg hidden>
   <div id=abt_logo class=dlg_title>
     <div id=abt_contact class=dlg_no_drag>
-      <span title="Dyalog's UK phone number">+44 1256 830030</span><br>
-      <a id=abt_email href=#>support@dyalog.com</a><br>
+      <a id=abt_phone href="tel:+441256830030" 
+         title="Dyalog's UK phone number">+44 1256 830030</a><br>
+      <a id=abt_email href="mailto:support@dyalog.com">support@dyalog.com</a><br>
       <a href='http://www.dyalog.com/' target=_blank>www.dyalog.com</a>
     </div>
   </div>

diff --git a/style/dark-theme.css b/style/dark-theme.css
@@ -85,30 +85,6 @@
   font-size: 16px;
   font-family: monospace;
 }
-.ctl_listview {
-  background-color: #1c1e28;
-  color: white;
-}
-.ctl_listview tr {
-  background-color: rgba(118, 136, 217, 0.5);
-  border-bottom: 1px solid #1c1e28;
-}
-.ctl_listview tr:hover {
-  background-color: rgba(118, 136, 217, 0.25);
-}
-.ctl_listview tr.selected {
-  background-color: #1c1e28;
-}
-#debug {
-  background: #1c1e28;
-}
-#debug .ctl_listview_header {
-  background-color: #7688d9;
-  color: white;
-}
-#debug .ctl_listview_header h2 {
-  font-size: 16px;
-}
 /*various dialogs*/
 #dlg_modal_overlay {
   background-color: black;
@@ -159,6 +135,30 @@
   text-align: left;
   border: 1px solid transparent;
 }
+.ctl_listview {
+  background-color: #1c1e28;
+  color: white;
+}
+.ctl_listview tr {
+  background-color: rgba(118, 136, 217, 0.5);
+  border-bottom: 1px solid #1c1e28;
+}
+.ctl_listview tr:hover {
+  background-color: rgba(118, 136, 217, 0.25);
+}
+.ctl_listview tr.selected {
+  background-color: #1c1e28;
+}
+#debug {
+  background: #1c1e28;
+}
+#debug .ctl_listview_header {
+  background-color: #7688d9;
+  color: white;
+}
+#debug .ctl_listview_header h2 {
+  font-size: 16px;
+}
 /*Golden Layout*/
 .lm_goldenlayout {
   background: #272937 !important;
@@ -345,6 +345,42 @@ select {
   border-top: 1px solid black;
   border-bottom: 1px solid #2e303e;
 }
+/*menu (see ../src/menu.js for the DOM structure)*/
+.menu {
+  background-color: #edeff5;
+  border-bottom: solid grey 1px;
+}
+.menu a,
+.menu a:hover {
+  color: black;
+  font-size: 0.8em;
+}
+.menu .m-open {
+  background: rgba(0, 0, 0, 0.2);
+}
+.menu .m-open .m-top {
+  border-color: transparent;
+}
+.menu .m-box {
+  background-color: white;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.menu .m-box a {
+  border: none;
+  border-color: #edeff5;
+}
+.menu .m-box a .m-shc {
+  color: white;
+}
+.menu .m-box a:focus {
+  background: rgba(0, 0, 0, 0.2);
+}
+.menu .m-box a.m-checked {
+  background: transparent 5px center no-repeat url(img/menu_chk.png);
+}
+.menu .m-box a:focus.m-checked {
+  background: rgba(0, 0, 0, 0.2) 5px center no-repeat url(img/menu_chk.png);
+}
 .breakpointarea {
   border-right: 1px solid #272937;
   cursor: pointer;
@@ -657,9 +693,6 @@ body {
 #sb_right > div {
   border-left: 1px solid #272937;
 }
-#status_body {
-  background-color: #1c1e28;
-}
 #toast-container {
   font-family: Roboto;
   font-size: 14px;
@@ -670,6 +703,9 @@ body {
   -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
   box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
 }
+#status_body {
+  background-color: #1c1e28;
+}
 .tooltip {
   color: #7688d9;
 }
@@ -732,39 +768,3 @@ body {
   background-color: rgba(118, 136, 217, 0.75);
   outline: rgba(118, 136, 217, 0.75);
 }
-/*menu (see ../src/menu.js for the DOM structure)*/
-.menu {
-  background-color: #edeff5;
-  border-bottom: solid grey 1px;
-}
-.menu a,
-.menu a:hover {
-  color: black;
-  font-size: 0.8em;
-}
-.menu .m-open {
-  background: rgba(0, 0, 0, 0.2);
-}
-.menu .m-open .m-top {
-  border-color: transparent;
-}
-.menu .m-box {
-  background-color: white;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.menu .m-box a {
-  border: none;
-  border-color: #edeff5;
-}
-.menu .m-box a .m-shc {
-  color: white;
-}
-.menu .m-box a:focus {
-  background: rgba(0, 0, 0, 0.2);
-}
-.menu .m-box a.m-checked {
-  background: transparent 5px center no-repeat url(img/menu_chk.png);
-}
-.menu .m-box a:focus.m-checked {
-  background: rgba(0, 0, 0, 0.2) 5px center no-repeat url(img/menu_chk.png);
-}
diff --git a/style/less/layout/setup.less b/style/less/layout/setup.less
@@ -40,6 +40,9 @@ body{
 button,label,#lb b,.ctl_listview_header,.lm_tab,.dlg_title,#prf_nav a,.lyt_k{
   user-select: none;
 }
+#abt_contact.dlg_no_drag {
+  user-select: text;
+}
 h2{
   padding-bottom:5px;
 }