Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug]: List in sidenav has bullet points #373

Closed
3 tasks done
ivanBell199 opened this issue May 27, 2023 · 2 comments
Closed
3 tasks done

[Bug]: List in sidenav has bullet points #373

ivanBell199 opened this issue May 27, 2023 · 2 comments
Labels
bug Something isn't working

Comments

@ivanBell199
Copy link

ivanBell199 commented May 27, 2023 •
edited
Loading

Before submitting...

Context

li items have bullet points. Is it a new approach and the docs will be adjusted or is it a bug?

Current Behavior

I am trying Materialize 2.0.1-alpha. So I have added a sidenav as it is in the docs. In the docs there are no bullet points in the li items. However in my project they are displayed.

image

Expected behavior

I expected it to be like in the docs:

image

Possible Solutions or Causes

No response

Steps to reproduce

Create a new project with this simple code:


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Compiled and minified CSS -->
  <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/@materializecss/materialize@2.0.1-alpha/dist/css/materialize.min.css">
</head>

<body>
  <ul id="slide-out" class="sidenav">
    <li><a href="#!">First Link</a></li>
    <li><a href="#!">Second Link</a></li>
    <li><a href="#!">Third Link</a></li>
  </ul>
  <a href="#" data-target="slide-out" class="sidenav-trigger">Open menu</a>


  <!-- Compiled and minified JavaScript -->
  <script src="https://cdn.jsdelivr.net/npm/@materializecss/materialize@2.0.1-alpha/dist/js/materialize.min.js"></script>

  <script>
    M.AutoInit();
  </script>

</body>
</html>

Your Environment

  • Version used: 2.0.1-alpha
  • Browser Name and version: latest Chrome and Firefox
  • Operating System and version (desktop or mobile): Windows 11
@ivanBell199 ivanBell199 added the bug Something isn't working label May 27, 2023
@wuda-io
Copy link
Member

wuda-io commented May 30, 2023

You are right, in previous versions there was a global style which overrides the Indentations and bullet points.
Some Global Styles were removed due to the update to 2.X.X, but this needs to be fixed for the menu.

@ivanBell199
Copy link
Author

Please also note that footer has the same isssue. From the docs:
image

@wuda-io wuda-io mentioned this issue Jun 13, 2023
Merged
8 tasks
wuda-io added a commit that referenced this issue Sep 1, 2023
@wuda-io
fix(footer): remove ul bullet points #373
40ec0ac
@wuda-io wuda-io closed this as completed Oct 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@wuda-io @ivanBell199