MediaWiki:Gadget-articlefeedback.css - Revision history

Alex at 16:14, 17 October 2024

2024-10-17T16:14:42Z

← Older revision		Revision as of 18:14, 17 October 2024
Line 1:		Line 1:
			.wgl-feedback-trigger {
	.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;}
			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;
			}

Alex at 16:12, 17 October 2024

2024-10-17T16:12:23Z

← Older revision		Revision as of 18:12, 17 October 2024
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;
	}

Alex: 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;..."

2024-10-13T00:33:24Z

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

New page

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