MediaWiki:Gadget-articlefeedback.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
(Created page with ".wgl-feedback-trigger { position: fixed; bottom: 10px; right: 10px; width: 40px; height: 40px; background: #363636; border-radius: 2em; box-shadow: 5px 4px 6px -6px #000000; display: flex; justify-content: center; align-items: center; color: #b3b3b3; cursor: pointer; transition: background 0.5s ease; } .wgl-feedback-container { font-size: .5em; display: inline-block; position: relative; top: -7px; right: -20px;...") |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
.wgl-feedback-trigger { position: fixed; bottom: 10px; right: 10px; width: 40px; height: 40px; background: #363636; border-radius: 2em; box-shadow: 5px 4px 6px -6px #000000; display: flex; justify-content: center; align-items: center; color: #b3b3b3; cursor: pointer; transition: background 0.5s ease;}.wgl-feedback-container { font-size: .5em; display: inline-block; position: relative; top: -7px; right: -20px; /* setting the height to 0 will mean it doesn't add vertical space, but it will still show the button */ height: 0;}.wgl-feedback-trigger:hover { background: #13536f;}.rs-feedback-star { fill: #dfdfdf; cursor: pointer;}.rs-feedback-star.rs-feedback-star-selected { fill: #ffce21;}.rs-feedback-star-container { display: flex; gap: .5em;}#rs-feedback-feedback { margin: .5em 0;} |
|||
.wgl-feedback-trigger { |
|||
position: fixed; |
|||
bottom: 10px; |
|||
right: 10px; |
|||
width: 40px; |
|||
height: 40px; |
|||
background: #363636; |
|||
border-radius: 2em; |
|||
box-shadow: 5px 4px 6px -6px #000000; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
color: #b3b3b3; |
|||
cursor: pointer; |
|||
transition: background 0.5s ease; |
|||
} |
|||
.wgl-feedback-container { |
|||
font-size: .5em; |
|||
display: inline-block; |
|||
position: relative; |
|||
top: -7px; |
|||
right: -20px; |
|||
/* setting the height to 0 will mean it doesn't add vertical space, but it will still show the button */ |
|||
height: 0; |
|||
} |
|||
.wgl-feedback-trigger:hover { |
|||
background: #13536f; |
|||
} |
|||
.rs-feedback-star { |
|||
fill: #dfdfdf; |
|||
cursor: pointer; |
|||
} |
|||
.rs-feedback-star.rs-feedback-star-selected { |
|||
fill: #ffce21; |
|||
} |
|||
.rs-feedback-star-container { |
|||
display: flex; |
|||
gap: .5em; |
|||
} |
|||
#rs-feedback-feedback { |
|||
margin: .5em 0; |
|||
} |
|||
Revision as of 17:12, 17 October 2024
.wgl-feedback-trigger { position: fixed; bottom: 10px; right: 10px; width: 40px; height: 40px; background: #363636; border-radius: 2em; box-shadow: 5px 4px 6px -6px #000000; display: flex; justify-content: center; align-items: center; color: #b3b3b3; cursor: pointer; transition: background 0.5s ease;}.wgl-feedback-container { font-size: .5em; display: inline-block; position: relative; top: -7px; right: -20px; /* setting the height to 0 will mean it doesn't add vertical space, but it will still show the button */ height: 0;}.wgl-feedback-trigger:hover { background: #13536f;}.rs-feedback-star { fill: #dfdfdf; cursor: pointer;}.rs-feedback-star.rs-feedback-star-selected { fill: #ffce21;}.rs-feedback-star-container { display: flex; gap: .5em;}#rs-feedback-feedback { margin: .5em 0;}