<commit_before><template>
	<div class="-container">
		<div class="-overlay" :class="{ '-end': end }" />
		<slot />
	</div>
</template>

<script lang="ts" src="./controls-overlay"></script>

<style lang="stylus" scoped>
@require '~styles/variables'
@require '~styles-lib/mixins'

.-container
	position: relative
	// Needs to be higher than the z-index of AppStickerTarget
	z-index: 1

.-overlay
	change-bg('bg')
	position: absolute
	top: -4px
	right: 0
	bottom: 4px
	left: 0
	opacity: 0.9
	z-index: -1
	// We want to expand the overlay out to the edges of the post container.
	margin-left: -($grid-gutter-width-xs / 2)
	margin-right: -($grid-gutter-width-xs / 2)

	@media $media-sm-up
		margin-left: -($grid-gutter-width / 2) + $border-width-base + 0.5px
		margin-right: -($grid-gutter-width / 2) + $border-width-base + 0.5px

	&.-end
		bottom: -4px
</style><commit_msg>Fix EventItemControlsOverlay padding issues (#567)<commit_after><template>
	<div class="event-item-controls-overlay">
		<div class="-overlay" :class="{ '-end': end }" />
		<slot />
	</div>
</template>

<script lang="ts" src="./controls-overlay"></script>

<style lang="stylus" scoped>
@require '~styles/variables'
@require '~styles-lib/mixins'

.event-item-controls-overlay
	position: relative
	// Needs to be higher than the z-index of AppStickerTarget
	z-index: 1

	.-overlay
		change-bg('bg')
		position: absolute
		top: -4px
		right: 0
		bottom: 4px
		left: 0
		opacity: 0.9
		z-index: -1
		// We want to expand the overlay out to the edges of the post container.
		margin-left: -($grid-gutter-width-xs / 2)
		margin-right: -($grid-gutter-width-xs / 2)

		@media $media-sm-up
			margin-left: -($grid-gutter-width / 2) + $border-width-base + 0.5px
			margin-right: -($grid-gutter-width / 2) + $border-width-base + 0.5px

		&.-end
			bottom: -4px
</style>
{'fraction_non_alphanumeric': 0.1768893756845564, 'fraction_numerical': 0.020262869660460023, 'mean_word_length': 3.35, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5394246', 'n_tokens_mistral': 741, 'n_tokens_neox': 680, 'n_words': 177}