Improve visibility of close button for embedded web pages

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

View File

@ -346,11 +346,20 @@ body {
border: none;
cursor: url('/resources/logos/cursor_pointer.png'), pointer;
animation: right .2s ease;
}
#cowebsite .close-btn img{
height: 15px;
}
#cowebsite .close-btn img {
height: 20px;
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{
right: 10px;
}