mirror of
https://github.com/voltbonn/profile-picture-generator.git
synced 2024-12-22 15:55:08 +00:00
css to correctly display the hashtag chooser and hashtag in editor
This commit is contained in:
parent
398936bafd
commit
1ad43ddf64
1 changed files with 23 additions and 0 deletions
23
src/App.css
23
src/App.css
|
@ -66,6 +66,21 @@ p{
|
||||||
box-shadow: 0 0 0 1vh white;
|
box-shadow: 0 0 0 1vh white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.HashtagChooser .hashtag_button {
|
||||||
|
position: relative;
|
||||||
|
/* display: block; */
|
||||||
|
margin: 1vmin;
|
||||||
|
}
|
||||||
|
.HashtagChooser .hashtag_button.choosen:after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: -0.5vh;
|
||||||
|
right: -0.5vh;
|
||||||
|
bottom: -0.5vh;
|
||||||
|
left: -0.5vh;
|
||||||
|
box-shadow: 0 0 0 0.5vh white;
|
||||||
|
}
|
||||||
|
|
||||||
button,
|
button,
|
||||||
.labelButton{
|
.labelButton{
|
||||||
outline: none;
|
outline: none;
|
||||||
|
@ -144,4 +159,12 @@ button:hover,
|
||||||
width: 36vh;
|
width: 36vh;
|
||||||
height: 36vh;
|
height: 36vh;
|
||||||
}
|
}
|
||||||
|
.Editor .hashtag{
|
||||||
|
pointer-events: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue