MediaWiki:Gadget-articlefeedback.css

< Gadgets-definition

After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.

In most Windows and Linux browsers: Hold down Ctrl and press F5.
In Safari: Hold down ⇧ Shift and click the Reload button.
In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.

.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;
}