_Bastler/partey_workadventure
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improve visibility of close button for embedded web pages

Browse Source 
The button (a white x) wasn't visible on white background. Now it is. Also is a little bit larger and changes color on hover.
This commit is contained in:
Moini 2021-03-01 14:08:56 +01:00 committed by GitHub
parent 48c13119bd
commit 95da470a89
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
front/dist/resources/style/style.css vendored
View File

@ -346,11 +346,20 @@ body {
border: none; border: none;
cursor: url('/resources/logos/cursor_pointer.png'), pointer; cursor: url('/resources/logos/cursor_pointer.png'), pointer;
animation: right .2s ease; animation: right .2s ease;
} }
#cowebsite .close-btn img{
height: 15px; #cowebsite .close-btn img {
height: 20px;
right: 15px; right: 15px;
background-color: rgba(0,0.0,0,0.3);
padding: 5px;
border-radius: 3px;
} }
#cowebsite .close-btn img:hover {
background-color: rgba(0,0,0,0.4);
}
#cowebsite:hover .close-btn{ #cowebsite:hover .close-btn{
right: 10px; right: 10px;
} }