Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-29 14:00:48 +08:00
Code Issues Packages Projects Releases Wiki Activity
502cc91dfe
element-web-Github/res/css/views/messages/_MLocationBody.pcss

42 lines
1.0 KiB
Plaintext
Raw Normal View History

Simple static location sharing (#7135) Adds maplibre as a dependency, and behind a labs flag, lets users send and receive [MSC3488](https://github.com/matrix-org/matrix-doc/blob/matthew/location/proposals/3488-location.md) style location shares - with backwards compatibility with old school `m.location` `msgtype` location shares too. For this to work, you have to define a valid maptile server and API in your config.json's `map_style_url`.
2021-12-06 17:45:12 +08:00
/*
Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint
2024-09-09 21:57:16 +08:00
Copyright 2024 New Vector Ltd.
Simple static location sharing (#7135) Adds maplibre as a dependency, and behind a labs flag, lets users send and receive [MSC3488](https://github.com/matrix-org/matrix-doc/blob/matthew/location/proposals/3488-location.md) style location shares - with backwards compatibility with old school `m.location` `msgtype` location shares too. For this to work, you have to define a valid maptile server and API in your config.json's `map_style_url`.
2021-12-06 17:45:12 +08:00
Copyright 2021 The Matrix.org Foundation C.I.C.
Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint
2024-09-09 21:57:16 +08:00
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
Simple static location sharing (#7135) Adds maplibre as a dependency, and behind a labs flag, lets users send and receive [MSC3488](https://github.com/matrix-org/matrix-doc/blob/matthew/location/proposals/3488-location.md) style location shares - with backwards compatibility with old school `m.location` `msgtype` location shares too. For this to work, you have to define a valid maptile server and API in your config.json's `map_style_url`.
2021-12-06 17:45:12 +08:00
*/
Display the user's avatar when they shared their location (#7424)
2021-12-21 23:19:27 +08:00
.mx_MLocationBody {
Set max-width for MLocationBody and MLocationBody_map by default (#8519) To avoid map overflow due to width and height specified by maplibregl-canvas Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-07 02:24:42 +08:00
max-width: 100%;
Display the user's avatar when they shared their location (#7424)
2021-12-21 23:19:27 +08:00
.mx_MLocationBody_map {
Set max-width for MLocationBody and MLocationBody_map by default (#8519) To avoid map overflow due to width and height specified by maplibregl-canvas Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-07 02:24:42 +08:00
max-width: 100%;
Display the user's avatar when they shared their location (#7424)
2021-12-21 23:19:27 +08:00
width: 450px;
height: 300px;
Disallow invalid inline style comments in stylesheets (#9099)
2022-07-27 21:39:29 +08:00
z-index: 0; /* keeps the entire map under the message action bar */
Simple static location sharing (#7135) Adds maplibre as a dependency, and behind a labs flag, lets users send and receive [MSC3488](https://github.com/matrix-org/matrix-doc/blob/matthew/location/proposals/3488-location.md) style location shares - with backwards compatibility with old school `m.location` `msgtype` location shares too. For this to work, you have to define a valid maptile server and API in your config.json's `map_style_url`.
2021-12-06 17:45:12 +08:00
Replace `$timeline-image-border-radius` with a CSS custom property (#10792) * Use CSS custom property: --timeline-image-border-radius Remove the same variable from _MImageBody.pcss * Rename the property The property is neither limited to a timeline nor image, but applied to M.*?Body components as well, such as MLocationBody and MVideoBody.
2023-05-10 05:06:19 +08:00
border-radius: var(--MBody-border-radius);
Add pointer if you hover over location map (#8451)
2022-04-30 23:15:20 +08:00
cursor: pointer;
Display the user's avatar when they shared their location (#7424)
2021-12-21 23:19:27 +08:00
}
Simple static location sharing (#7135) Adds maplibre as a dependency, and behind a labs flag, lets users send and receive [MSC3488](https://github.com/matrix-org/matrix-doc/blob/matthew/location/proposals/3488-location.md) style location shares - with backwards compatibility with old school `m.location` `msgtype` location shares too. For this to work, you have to define a valid maptile server and API in your config.json's `map_style_url`.
2021-12-06 17:45:12 +08:00
}
Fit location into the width of the container (#7705)
2022-02-02 19:41:33 +08:00
/* In the timeline, we fit the width of the container */
.mx_EventTile_line .mx_MLocationBody .mx_MLocationBody_map {
max-width: 450px;
Set max-width for MLocationBody and MLocationBody_map by default (#8519) To avoid map overflow due to width and height specified by maplibregl-canvas Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-07 02:24:42 +08:00
width: 100%;
Fit location into the width of the container (#7705)
2022-02-02 19:41:33 +08:00
}
Ensure location bodies have a width in bubbles (#7742)
2022-02-08 20:59:08 +08:00
Set max-width for MLocationBody and MLocationBody_map by default (#8519) To avoid map overflow due to width and height specified by maplibregl-canvas Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-07 02:24:42 +08:00
.mx_EventTile[data-layout="bubble"] .mx_EventTile_line .mx_MLocationBody .mx_MLocationBody_map {
Ensure location bodies have a width in bubbles (#7742)
2022-02-08 20:59:08 +08:00
max-width: 100%;
Set max-width for MLocationBody and MLocationBody_map by default (#8519) To avoid map overflow due to width and height specified by maplibregl-canvas Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-07 02:24:42 +08:00
width: 450px;
Ensure location bodies have a width in bubbles (#7742)
2022-02-08 20:59:08 +08:00
}
Add margin-top to the location body which is a sibling of DisambiguatedProfile (#8523) Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-09 14:33:34 +08:00
.mx_DisambiguatedProfile ~ .mx_MLocationBody {
Disallow invalid inline style comments in stylesheets (#9099)
2022-07-27 21:39:29 +08:00
margin-top: 6px; /* See: https://github.com/matrix-org/matrix-react-sdk/pull/8442 */
Add margin-top to the location body which is a sibling of DisambiguatedProfile (#8523) Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-09 14:33:34 +08:00
}
Disable pointer events for replies to locations (#8918) PSD-283
2022-06-28 15:34:48 +08:00
.mx_ReplyTile .mx_MLocationBody {
Disallow invalid inline style comments in stylesheets (#9099)
2022-07-27 21:39:29 +08:00
/* Prevent clicking a location within a reply */
Disable pointer events for replies to locations (#8918) PSD-283
2022-06-28 15:34:48 +08:00
pointer-events: none;
}
Reference in New Issue Copy Permalink