mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-19 17:55:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Restructure click shield (#1611)

Browse source 
* Rename one-click-embedding to click shield
* Removes the static fallback image from the vimeo frame. The set URL is broken.
* Adds the ability to define background colors for the click shield background


Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2021-11-14 18:44:55 +01:00 • committed by GitHub
parent c731c0e9f1
commit e9defd60dc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 209 additions and 155 deletions
Download patch file Download diff file Expand all files Collapse all files

47
src/components/markdown-renderer/replace-components/click-shield/click-shield.scss Normal file
View file

@ -0,0 +1,47 @@
/*
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
.click-shield {
position: relative;
cursor: pointer;
width: 100%;
overflow: hidden;
.preview-hover {
display: inline;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
opacity: 0.5;
transition: opacity 0.2s;
text-shadow: #000000 0 0 5px;
}
.preview-hover-text {
opacity: 0;
}
&:hover {
.preview-hover-text {
opacity: 1;
}
.preview-hover {
opacity: 1;
text-shadow: #000000 0 0 5px, #000000 0 0 10px;
}
}
.preview-background {
background: none;
height: 100%;
object-fit: cover;
min-height: 300px;
width: 100%;
}
}