extract reusable styled live beacon icon (#8103)

* extract reusable styles live beacon icon

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add secondary live lcation color

Signed-off-by: Kerry Archibald <kerrya@element.io>
This commit is contained in:
Kerry 2022-03-21 17:43:43 +01:00 committed by GitHub
parent 8cd805ad23
commit 0b80755fb8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 67 additions and 11 deletions

View file

@ -83,19 +83,12 @@ limitations under the License.
border-style: solid;
border-radius: 50%;
// Live is styled by StyledLiveBeaconIcon
&.Own {
border-color: $accent;
}
&.Live {
background-color: $location-live-color;
// 20% brightness $location-live-color
border-color: #deddfd;
padding: 2px;
// colors icon
color: white;
}
&.Pin {
border-color: $accent;
background-color: $accent;