در حال بارگذاری ...

Building Popup Menu Structure0:00

All right, let's use the transition helpers to create a typical pop-up menu. So I will define our component scope, I'm going to have a button for our links, and when you click on it, I want to show the links, so I will store that. By default, we don't see them. Okay. Next, within here, we'll have a handful of links, for example, maybe you're updating a Post or something, edit, delete the post, and maybe report for a User, maybe report the post as spam. Okay, so if I come back to Firefox and I give this a refresh, here's what we currently get. So to begin, let's add some classes here.

Styling Menu Links0:32

Okay, so if I come back to Firefox and I give this a refresh, here's what we currently get. So to begin, let's add some classes here. We want these to be block level. Next, they should be wrapped within their own container. So right here, we'll say background, maybe black, and text white. All right. Next, we want some padding on the top and bottom. Maybe too much. Next, when I hover over one of the links, it should have a different background color. So we'll say right here, when you hover over me, set the background color to a dark gray.

دوست دارید گاهی خبرهای Laracasts را ایمیل کنیم؟