How do I put the scroll bar on the materialize card? [closed]

1
<div class="col s12 m4 l8">
  <div class="card-panel">
    <h4><center>Título da Reunião</center></h4>
    <div id="primary">
    <div id="log">
       <span class="long-content">&nbsp;</span>
    </div>
<div id="composer">
    <form name="form_message" id="form_message" method="post" action="set_message.ajax.php">
      <input name="nickname" type="hidden" id="nickname" value="<?php echo $_SESSION['nickname']; ?>">
     <div class="row">
     <div class="col s10">
     <input name="message" type="text" autofocus required class="textbox_message" id="message">
</div> 
<div class="col s2">
  <button class="btn-large red darken-3  waves-effect waves-light" id="btn_send" name="action">
      <i class="material-icons ">send</i>
  </button> 
</div>

         I'm creating a chat, but I wanted the card to stay fixed instead of increasing in size every time an msg appears. How do I put a scrollbar?

    
asked by anonymous 19.05.2018 / 21:13

1 answer

0

Limit the height of the card with classes de tamanho , place the small class for the card to have a maximum size of 300px , the medium class > for the card to have a maximum size of 400px or the large class for the card to have a maximum size of 500px ;

<div class="card-panel small">    
    <h4><center>Título da Reunião</center></h4>
  

More information is available at here .

    
19.05.2018 / 21:42