ドロップダウンメニューの実装

Question

###前提・実現したいこと
materializedを使ってダッシュボードを作っています。
図１のアイコンクリック時に図２のようにドロップダウンを表示したいのですが、うまくいきません。
可能であれば、youtubeのメニューのようにシンプルで小さめに表示したいです。
内容は「削除」「コピー」「編集」などリスト内容を編集するものです。
よろしくお願いいたします。

図１
![

図２

図３

###発生している問題・エラーメッセージ
###該当のソースコード
###試したこと
###補足情報(言語/FW/ツール等のバージョンなど)

【materialized】

Materialized デモ

Comments

[kei344]

「うまく動作しません」とはどのような状況でしょうか。出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。また、ご自身で書かれたコードを質問文に追記いただいたほうが回答を得られやすいと思います。

Answer 1

youtubeのメニューのようにシンプルで小さめに表示したいです。

heightやwidthを調整してみたらどうでしょうか
また、youtubeを開いてブラウザのディベロッパーツールからCSSを参考にしてみたら如何でしょうか。