Webflow exports & changelog
10/11/2021 - Filter truncation
Changes:
Added truncation to long filters
Removed generic-modal
10/06/2021 - Cluster scroll fix
Changed:
Added a element .facility-tooltip__scroll inside .facility-tooltip is--cluster which has overflow: auto to accommodate a long scrolling list.
10/06/2021 - Point mapper truncation fix
Ensured that point mapper labels are correctly truncated.

10/01/2021 - Map data version support
Generic Modal:




09/23/2021 - Facilities loading state
Fixed:
Fixed a small bug where the facilities facet number was being pushed too far left if there was not a download button visible. Now, if the download button is hidden, the facet will align correctly with the right side of the panel. This fix was imlemented by changing the display of the parent from
display: grid
todisplay: flex
Changed:
Added loading state (hidden) for the location facilities title (.location__facilities_title--loading)
Added loading state (hidden) for hide/show facilities button (.location-facilities__trigger--loading)
Added loading state (hidden) for location facility block items (.location-facility__item--loading)


09/16/2021 - Point mapper dropdown icon colour fix
Changed:
Fixed what colour is automatically inherited for the point mapper dropdown headers so that it is not overridden with grey when using a theme colour.
09/16/2021 - Cluster tooltip

Added:
.facility-tooltip is--cluster
to the styles panel for use when clustering nearby points on the map.
09/15/2021 - Point mapper dropdown and filters
Point mapper dropdown with toggle:

Point filters:

Changes:
Added
.point-mapper__h1_checkbox
that is hidden by defaultAdded
.point-filters panel
in.map-bottom-items
(hidden by default)
08/31/2021 - Fix for tutorial modal height
Changes:
Restricted max height to 90vh on the tutorial modal

08/25/2021 - Rich Data Nav Fix
Changed:
Made the section nav scroll when height is restricted

08/12/2021 - Print CSS test
Changed:
add the following code to the print css:
@media print {
.page-break-before {
break-before: page;
}
body, .main, .rich-data, .rich-data-content, .rich-data-content .section, .profile-indicator{
float: none !important;
display: block !important;
}
.rich-data__print, .tab-notice{
display: none;
}
.rich-data[style*="display: none;"]{
display: none !important;
}
.facility-info[style*="display: none;"]{
display: none !important;
}
.facility-info[style*="display: flex;"]{
display: inline-table;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
max-height: 100%;
max-width: 100%;
}
.facility-info__view-google-map, .facility-info__print, .facility-info__close{
display: none;
}
}
07/19/2021- Point-legend, table margin, z-depth bottom-items



Changed:
Added margin-bottom to
.profile-indicator__table_inner
to fix spacing issues in the rich-data panelz-depth: 999 added to items within the
.map-bottoms-items
panelAdded
.point-legend__remove
to the .point-legend contained within the.map-print
panel and added a.hidden
class to it. It has also been moved further down the DOM so that the.point-legend
that gets copied is the correct one.Added
.hidden
class to.data-category__h1_icon
by default to avoid incorrect iconsAdded
.slide-info__introduction
to every tutorial slide
07/13/2021- Fixed rich data filter buttons to resemble map-options
Please note that due to slow performance and export speeds, the backlog of old feature previews has been purged. I have created a backup on the webflow side to revert back if this causes any issues. I don't foresee there being a problem. Hopefully the performance issues are noticeable.

Changed:
Reverted to old implementation of
.map-options__filters
Changed
.profile-indicator__new-filter
to be a wide button to replicate the map-options button
07/12/2021- Remove map options tooltip and change filter buttons

Changed:
Removed the indicator context tooltip from the bottom right of the map-options panel
Changed the way we implement filter buttons in the map-options panel to bring it in line with the rich-data panel
Added
.mapping-options__filter-buttons
with the following buttons:.mapping-options__new-filter
.mapping-options__remove-filter
(hidden by default)

07/05/2021- Disabled state for map download button

Added
.disabled
state to.map-download
button by default.Remove this class to set state to enabled.
07/05/2021- Removed filter disabled
Removed the
.disabled
class from.dropdown-menu__trigger
The disabled class is now only on
.mapping-options__filter
Added code to disabled filters that have the disabled class:
.mapping-options__filter.disabled {
pointer-events: none;
}
07/02/2021 - Map options filters
Please note that this element was changed as per a feature request: https://app.gitbook.com/@openup/s/wazi-ng-technical/~/drafts/-Md_pTCg5RT4tBx8Ni2q/development-process/changelog#05-21-2021-additive-filtering

Changed:
Added
.map-options__filters_content
back into.map-options__filters
in the.map-options
panel..map-options__filters_content
is hidden by default using the.hidden
class
06/28/2021 - Table content truncation
Changed:
Added code to force truncation on the table cells
.profile-indicator__table_cell {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

06/28/2021 - Location tag width


Changed:
Set text within
.map-tooltip__geography-chip
tobreaking: no-wrap;
06/22/2021 - SVG console error fix
Changed:
Adjusted the svg height value for
.location-facility__icon
to 24px to avoid console errors.Removed wazimap-ng.css script call


06/21/2021 - .is--disabled to .disabled
Changed:
renamed the disabled class on the rich-text dropdowns to
.disabled
from.is--disabled
06/11/2021 - Map options truncation fix
Fixed:
Fixed the short truncation on map options title. It now extends the full width of the panel.
Changed:
Removed capitalization on the map options title.

05/25/2021 - Changes to map options filters
Changed:


The backend will need to clone the
.map-options__filters_content
in the styles panel for the map-options panel as needed. The hope is that this will prevent the dropdowns from breaking.
05/21/2021 - Additive filtering


Added:
These two implementation of this feature work in a similar ways
.profile-indicator__filter-labels
now contains the column labels for each filter columnEach filter row is now within
.profile-indicator__filter-row
and.mapping-options__filter-row
Possible buttons to the right of the filters (add filter and remove filter) are within
.profile-indicator__filter-buttons
and.mapping-options__filter-buttons
These buttons are
.profile-indicator__remove-filter
and.profile-indicator__new-filter
in the rich data panelThese buttons are
.mapping-options__remove-filter
in the mapping options.profile-indicator__new-filter
is visible by default in the rich data panel.profile-indicator__remove-filter
is hidden by default in the rich data panel
Changed:
Added
border-bottom: 1px;
andpadding-bottom: 12px;
to.profile-indicator__header
04/29/2021 - Data attributes and classes for Point Mapper and locations
Changed:
Added class="i18n" to all instances of "Point Mapper" and "locations"
Point mapper panel and toggle tooltips
Locations section in the rich data view (includes the Locations count and the buttons)
Added data-i18n="Point Mapper" to all instances of "Point Mapper"
Added data-i18n="locations" to all instances of "locations"
Fixed:
Changed the wording of "Download all facilities" to "Download all locations" in the rich data view.
04/22/2021 - Download all facilities

Changes:
Added
.location__facilities_download.location__facilities_download-all--header
button to.location__facilities_header
. This button is only visible on desktop. On mobile it hides and the button moves down to below the location cards. This is because downloading takes less priority on mobile devices.Added
.location__facilities_download.location__facilities_download-all--footer
. This button shows on smaller screen sizes..location__facilities_header-wrapper
to contain the icon and title. Please note that this may cause integrations with backend data to break.

04/22/2021 - Chart menu data attributes
Changes:
Added data attributes to the buttons in the chart dropdown menu
The following "data-id" attributes have been added:
data-id="Percentage"
data-id="Value"
data-id="csv"
data-id="excel"
data-id="json"
04/09/2021 - Rich data tables
Changes:
Added
.profile-indicator__table
to the.styles
section

Documentation:
.profile-indicator__table_row.profile-indicator__table_row--header
is the header row for the table and styles the row accordingly.At the moment, only 3 column tables are supported
.profile-indicator__table_row
's contain.profile-indicator__table_cell
'sThe first
.profile-indicator__table_cell
in each row has the class.profile-indicator__table_cell--first
applied in order to apply specific styling.By default the
.profile-indicator__table_show-more
is hidden (comprised of the "Load more rows" and "Showing" info).When the table exceeds a certain number of rows (dev decision), subsequent rows are not shown and can be toggled to show using the load more rows button.
There is no functionality from the Webflow side to handle this "expansion". Please advise if there is anything on my end that would assist in getting this functionality working.
03/09/2021 - Print and google maps button for location

Added:
Added print button to
.facility-info
.facility-info__print
is now a child of.facility-info__header
Added
.facility-info__view-google-map
as a child of.facility-info
.Component has class
.hidden
applied by default and can be removed to show when available

03/01/2021 - Explicit print button in rich data
Changed
Added
.rich-data__print
to the rich data panel


03/01/2021 - Rich data location buttons
Changed

Info text changed from "This location has 0000 locations in 0000 categories." to "This area has 0000 locations in 0000 categories."
Button colour changed to green
Button wording changed from "facilities" to "locations"
02/18/2021 - Map legend always showing
Changed
1. Map legend always showing:


Made
.map-options
and.map-point-legend
children of.map-bottom-items
(new div).map-options
and.map-point-legend
have a.hidden
applied by default while waiting for the user to add a point layer or choropleth to the map.Changes to
.map-options
to make it's width consistent with other items of the ui.map-options
now stretches to the width of its parent.map-bottom-items
width: 95%; max-width: 650px;
Added
.point-legend__remove
to the.point-legend
so that the user can remove a point layer from the map without needing to open the point mapper tabThis functionality needs to be added on the backend
If this functionality is not ready for deployment, the
.point-legend__remove
item can be hidden before cloning

2. Version of the point-legend without a remove button for print


02/18/2021 - Map legend
Changed
1. Map print legend:
Added
.map-print
to the.map
divAdded
.map-print__point-legend
to.map-print
.map-print
has a.hidden
class by default which is removed when required



2. Point legend:
.point-legend
contains.point-legend__color
and.point-legend__text
.point-legend__text
has a default state of loading....point-legend__color
isfill: rgba(0, 0, 0, 0.06)
by default.point-legend__color
fill must be updated to the value of the point.point-legend
can be duplicated for every instance required
3. Choropleth legend:
This item has been added to map-print to accommodate functionality that was being hacked together previously.
The functionality for this item is the same as the default choropleth legend.
Please contact Matthew if you have any questions about the intention of this component.
02/17/2021 - Added data attributes to hover menu items
Changed
Added data attributes to hover menu components:
Added
data-element="chart-value-select"
to the hover menu chart value type selectorAdded
data-element="chart-download-data"
to hover menu download data options


Fixed
Removed
.webflow
from.hover-menu__content
that was not removed before previous exportThis class is used to show items when working on them in webflow. This will mean that the hover menu will start off open. With this fix it should return to a default of closed.
02/16/2021 - Hiding and styling content in chart hover menus
Changed
1. Hover menu groups for chart-value and download-data

Added a div for
.hover-menu__chart-value
and.hover-menu__download-data
Add
.hidden
to remove this group from the menu
2. Changed css for active state on hover menu list items


Changed the way the
.last
class is applied to.hover-menu__content_list-item
to make the active class behave as intended.Old method was a single class
.hover-menu__content_list-item--last
New approach is a combo class added. eg.
.hover-menu__content_list-item.last
To make the a list-item "active", just add the active class
eg.
.hover-menu__content_list-item.last.active
02/12/2021 - Tab notice and map title
Changed
Map title:
Changed default state for
.map-title
todisplay: block
Added
.hidden
class to.block-title
to hide by default.Remove
.hidden
to show
Tab notice:

Added
.tab-notice
as a child of.main
Added
.hidden
class to.tab-notice
to hide by default.Remove
.hidden
to showAdjust
<a>
on.tab-notice__content
to adjust the link of the noticeAdjust
.tab-notice__text
to adjust the text within the notice (default is "loading...")
Last updated
Was this helpful?