Skip to content
This repository was archived by the owner on Jun 16, 2019. It is now read-only.
This repository was archived by the owner on Jun 16, 2019. It is now read-only.

cut icons with box-sizing in css selector * #145

@RaidersII

Description

@RaidersII

I have noticed a issue if the css selector '*' have box-sizing: border-box :
image

This is due to the properties of height and padding-top. With the default value of box-sizing (content-box), the height and padding-top/bottom are added, so the expected height of icons is well. But with the value border-box the height icons rendered is only get by the height property (so the icons was cut).
I suggest to add this line to overwrite the property in markerclusterer.js in order to have the expected render :

ClusterIcon.prototype.createCss = function(pos) {
    var style = [];
    var markerClusterer = this.cluster_.getMarkerClusterer();

    if (!markerClusterer.cssClass_) {
        style.push('box-sizing:content-box;');
        style.push('background-image:url(' + this.url_ + ');');
...

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions