Как сделать Materialize Tap-Target прямоугольником angular в форме - PullRequest
Новая
       9

Как сделать Materialize Tap-Target прямоугольником angular в форме

0 голосов
/ 17 июня 2020

Я использую materialize- css и хочу сделать целевую область ленты прямоугольной angular как это возможно?

В настоящее время область My Tap-target выглядит так, а мой контент скрыт: - enter image description here

Мой html код выглядит следующим образом: - 

<div class="fixed-action-btn" style="bottom: 100px; right: 24px;">
    <a id="menu" class="btn btn-floating btn-large cyan">
        <i class="material-icons">menu</i>
    </a>
</div>

<!-- Tap Target Structure -->
<div class="tap-target cyan" data-target="menu">
    <div class="tap-target-content white-text">
        <h5>Holiday List</h5>
        <p class="white-text" style="font-size:120%;">
            <b>
                Sat Aug 01 Bakri Id<br>
                Mon Aug 03 Raksha Bandhan<br>
                Wed Aug 12 Janamasthami<br>
                Sat Aug 15 Independence Day<br>
                Fri Oct 02 Gandhi Jayanti<br>
                Mon Oct 26 Dusshera<br>
                Sat Nov 14 Diwali<br>
                Mon Nov 16 Bhai Duj<br>
                Fri Dec 25 Christmas Day
            </b>
        </p>
    </div>
</div>

1 Ответ

2 голосов
/ 18 июня 2020 
.tap-target {
    border-radius: 0;
}

Осмотрите элемент, посмотрите на применяемые стили и переопределите их по мере необходимости - любой круговой, вероятно, будет иметь border-radius:50%.

В некоторых случаях вам может потребоваться использовать !important : 

.tap-target {
    border-radius: 0 !important;
}
...