CesiumGS / CesiumGS/cesium

Make Cesium ion logo scale based on screen width

Open
#7,543 1 comment 0 reactions 0 assignees View on GitHub
category - widgets type - enhancement
Dominant language
JavaScript
Stars
15.7k
Forks
3.9k
Avg merge
4d 6h
Merged PRs (30d)
34

Description

The Cesium ion logo looks great on desktop/large screens:

![ion-logo-small](https://user-images.githubusercontent.com/1711126/52283450-7a632e00-2930-11e9-9bdc-50af5bb417ac.png)

But on mobile/small screens, it takes up too much space:

![ion-logo-big](https://user-images.githubusercontent.com/1711126/52283455-7c2cf180-2930-11e9-8c5c-8e65aa4615cf.png)

This is especially relevant if you're making an app that is not meant to take the whole screen width, such as this widget embedded on a page [in this forum post](https://groups.google.com/d/msg/cesium-dev/WBFWrZCoAuw/TztZ_hJMFQAJ).

It would be nice to scale it based on container/canvas size. @hpinkos

Contributor guide

Open the contributing guide

Research direction

No file, test, or entry point is named in the issue. Start by locating the Cesium ion logo implementation and its sizing styles, then inspect how its container or canvas dimensions are exposed; done means the logo scales appropriately on small screens and embedded, non-full-width layouts without harming desktop sizing.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.