diff --git a/viewer/css/cmv.css b/viewer/css/cmv.css index d250481b9..c0e097c77 100644 --- a/viewer/css/cmv.css +++ b/viewer/css/cmv.css @@ -55,8 +55,23 @@ body { .flat .dijitIcon.fa, .flat .dijitButton .dijitButtonNode .dijitIcon.fa, .flat .dijitDropDownButton .dijitButtonNode .dijitIcon.fa, -.flat .dijitComboButton .dijitButtonNode .dijitIcon.fa { - font-family: FontAwesome; +.flat .dijitComboButton .dijitButtonNode .dijitIcon.fa, +.flat .dijitEditorIcon.fas, +.flat .dijitIcon.fas, +.flat .dijitButton .dijitButtonNode .dijitIcon.fas, +.flat .dijitDropDownButton .dijitButtonNode .dijitIcon.fas, +.flat .dijitComboButton .dijitButtonNode .dijitIcon.fas { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; +} + +.flat .dijitEditorIcon.far, +.flat .dijitIcon.far, +.flat .dijitButton .dijitButtonNode .dijitIcon.far, +.flat .dijitDropDownButton .dijitButtonNode .dijitIcon.far, +.flat .dijitComboButton .dijitButtonNode .dijitIcon.far { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } .flat .dijitButton .dijitButtonNode, @@ -314,7 +329,8 @@ body { background-color: white; color: #666666; cursor: pointer; - font-family: FontAwesome; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; font-size: 1.3em; position: absolute; z-index: 40; @@ -370,7 +386,8 @@ body { .cmv .sidebarCollapseButton .open:before, .cmv .sidebarCollapseButton .close:before { - font-family: FontAwesome; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; } .cmv .sidebarCollapseButtonHorz .button { @@ -609,11 +626,12 @@ body { border: 1px solid #666; border-radius: 4px; color: #666; - font-family: FontAwesome; - font-size: 20px; - height: 27px; + font-family: 'Font Awesome 5 Free'; + font-weight: 400; + font-size: 18px; + height: 26px; overflow: hidden; - padding: 6px 0 0 0; + padding: 7px 0 0 0; text-align: center; width: 30px; } @@ -628,6 +646,7 @@ body { .cmv .cmv-ui .HomeButton .home:before { content: '\f015'; + font-weight: 900; } .cmv .cmv-ui .LocateButton .zoomLocateButton:before { @@ -814,7 +833,8 @@ body { .cmv .simpleDirections .esriStopsGetDirections:before { content: '\f277'; - font-family: 'FontAwesome'; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; margin-right: 8px; } @@ -824,8 +844,8 @@ body { .cmv .simpleDirections .esriResultsPrint:before { content: '\f02f'; - font-family: 'FontAwesome'; - font-size: 14px; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; } .cmv .simpleDirections .esriActivateButton { @@ -834,7 +854,8 @@ body { .cmv .simpleDirections .esriActivateButton:before { content: '\f041'; - font-family: 'FontAwesome'; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; font-size: 14px; } diff --git a/viewer/index.html b/viewer/index.html index bead84ec9..f345c6212 100644 --- a/viewer/index.html +++ b/viewer/index.html @@ -12,7 +12,7 @@ Configurable Map Viewer - + diff --git a/viewer/js/config/viewer.js b/viewer/js/config/viewer.js index e4131e10d..f073d304d 100644 --- a/viewer/js/config/viewer.js +++ b/viewer/js/config/viewer.js @@ -195,7 +195,7 @@ define([ id: 'toggle-clustering-menu', topic: 'toggleClustering', label: 'Toggle Clustering', - iconClass: 'fa fa-toggle-on' + iconClass: 'fas fa-fw fa-toggle-on' }] } }, { @@ -214,7 +214,7 @@ define([ menu: [{ topic: 'hello', label: 'Say Hello Custom', - iconClass: 'fa fa-smile-o' + iconClass: 'far fa-fw fa-smile' }] } }, { @@ -266,7 +266,7 @@ define([ subLayerMenu: [{ topic: 'hello', label: 'Say Hello', - iconClass: 'fa fa-smile-o' + iconClass: 'far fa-fw fa-smile' }] } }, { @@ -353,7 +353,7 @@ define([ path: 'esri/dijit/Search', placeAt: has('phone') ? null : 'top-center', title: i18n.viewer.widgets.search, - iconClass: 'fa-search', + iconClass: 'fas fa-search', position: 0, options: { map: true, @@ -378,7 +378,7 @@ define([ type: 'titlePane', path: 'gis/dijit/Identify', title: i18n.viewer.widgets.identify, - iconClass: 'fa-info-circle', + iconClass: 'fas fa-info-circle', open: false, preload: true, position: 3, @@ -472,7 +472,7 @@ define([ type: 'titlePane', path: 'gis/dijit/Legend', title: i18n.viewer.widgets.legend, - iconClass: 'fa-picture-o', + iconClass: 'far fa-fw fa-images', open: false, position: 1, options: { @@ -486,7 +486,7 @@ define([ type: 'titlePane', path: 'gis/dijit/LayerControl', title: i18n.viewer.widgets.layerControl, - iconClass: 'fa-th-list', + iconClass: 'fas fa-fw fa-th-list', open: false, position: 0, options: { @@ -500,7 +500,7 @@ define([ menu: { feature: [{ topic: 'hello', - iconClass: 'fa fa-smile-o', + iconClass: 'fas fa-fw fa-smile', label: 'Say Hello' }] }, @@ -509,7 +509,7 @@ define([ subLayerMenu: { dynamic: [{ topic: 'goodbye', - iconClass: 'fa fa-frown-o', + iconClass: 'fas fa-fw fa-frown', label: 'Say goodbye' }] } @@ -521,7 +521,7 @@ define([ type: 'titlePane', path: 'gis/dijit/Bookmarks', title: i18n.viewer.widgets.bookmarks, - iconClass: 'fa-bookmark', + iconClass: 'fas fa-fw fa-bookmark', open: false, position: 2, options: 'config/bookmarks' @@ -533,7 +533,7 @@ define([ canFloat: true, path: 'gis/dijit/Find', title: i18n.viewer.widgets.find, - iconClass: 'fa-search', + iconClass: 'fas fa-fw fa-search', open: false, position: 3, options: 'config/find' @@ -545,7 +545,7 @@ define([ canFloat: true, path: 'gis/dijit/Draw', title: i18n.viewer.widgets.draw, - iconClass: 'fa-paint-brush', + iconClass: 'fas fa-fw fa-paint-brush', open: false, position: 4, options: { @@ -560,7 +560,7 @@ define([ canFloat: true, path: 'gis/dijit/Measurement', title: i18n.viewer.widgets.measure, - iconClass: 'fa-expand', + iconClass: 'fas fa-fw fa-expand', open: false, position: 5, options: { @@ -577,7 +577,7 @@ define([ canFloat: true, path: 'gis/dijit/Print', title: i18n.viewer.widgets.print, - iconClass: 'fa-print', + iconClass: 'fas fa-fw fa-print', open: false, position: 6, options: { @@ -596,7 +596,7 @@ define([ type: 'titlePane', path: 'gis/dijit/Directions', title: i18n.viewer.widgets.directions, - iconClass: 'fa-map-signs', + iconClass: 'fas fa-fw fa-map-signs', open: false, position: 7, options: { @@ -618,7 +618,7 @@ define([ type: 'titlePane', path: 'gis/dijit/Editor', title: i18n.viewer.widgets.editor, - iconClass: 'fa-pencil', + iconClass: 'fas fa-fw fa-pencil-alt', open: false, position: 8, options: { @@ -648,7 +648,7 @@ define([ position: 9, path: 'gis/dijit/StreetView', title: i18n.viewer.widgets.streetview, - iconClass: 'fa-street-view', + iconClass: 'fas fa-fw fa-street-view', paneOptions: { resizable: true, resizeOptions: { @@ -672,7 +672,7 @@ define([ srcNodeRef: 'geocodeDijit', path: 'gis/dijit/Locale', title: i18n.viewer.widgets.locale, - iconClass: 'fa-flag', + iconClass: 'fas fa-fw fa-flag', options: { style: has('phone') ? null : 'margin-left: 30px;' } @@ -683,10 +683,10 @@ define([ type: 'floating', path: 'gis/dijit/Help', title: i18n.viewer.widgets.help, - iconClass: 'fa-info-circle', + iconClass: 'fas fa-fw fa-info-circle', paneOptions: { draggable: false, - html: 'link'.replace('link', i18n.viewer.widgets.help), + html: 'link'.replace('link', i18n.viewer.widgets.help), domTarget: 'helpDijit', style: 'height:345px;width:450px;' }, diff --git a/viewer/js/gis/dijit/BasemapGallery/css/BasemapGallery.css b/viewer/js/gis/dijit/BasemapGallery/css/BasemapGallery.css index 4bb99ef2b..8f8e51da7 100644 --- a/viewer/js/gis/dijit/BasemapGallery/css/BasemapGallery.css +++ b/viewer/js/gis/dijit/BasemapGallery/css/BasemapGallery.css @@ -14,7 +14,8 @@ .cmvBasemapGalleryWidget .dijitTitlePaneTextNode:before { content: '\f009'; - font-family: FontAwesome; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; } .cmvBasemapGalleryWidget .dijitTitlePaneContentOuter { diff --git a/viewer/js/gis/dijit/Basemaps/css/Basemaps.css b/viewer/js/gis/dijit/Basemaps/css/Basemaps.css index eb32386fc..7149c9dbb 100644 --- a/viewer/js/gis/dijit/Basemaps/css/Basemaps.css +++ b/viewer/js/gis/dijit/Basemaps/css/Basemaps.css @@ -1,22 +1,24 @@ .basemapWidget-menu .selectedIcon:before, .basemapWidget-menu .emptyIcon:before, .basemapWidget .basemapsIcon:before { - font-family: FontAwesome; + font-family: 'Font Awesome\ 5 Free'; } .basemapWidget-menu .selectedIcon:before { - content: "\f046"; + content: "\f14a"; + font-weight: 400; } .basemapWidget-menu .emptyIcon:before { - content: "\f096"; + content: "\f0c8"; + font-weight: 400; } .basemapWidget .basemapsIcon:before { content: "\f009"; + font-weight: 900; } - /* condense dropdown on small screens */ @media (max-width: 768px) { diff --git a/viewer/js/gis/dijit/Draw/templates/Draw.html b/viewer/js/gis/dijit/Draw/templates/Draw.html index eabb9e1c0..a99d0d8c7 100644 --- a/viewer/js/gis/dijit/Draw/templates/Draw.html +++ b/viewer/js/gis/dijit/Draw/templates/Draw.html @@ -4,7 +4,7 @@