github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/ui/Box.module.scss (about)

     1  .box {
     2    background-color: var(--ps-ui-foreground);
     3    border: 1px solid var(--ps-ui-border);
     4    border-radius: 4px;
     5  
     6    position: relative;
     7  }
     8  
     9  .padding {
    10    margin-bottom: 10px;
    11    padding: 10px;
    12  }
    13  
    14  .collapseBox {
    15    @extend .box;
    16    margin-bottom: 10px;
    17  
    18    .box {
    19      background-color: transparent;
    20      border: none;
    21      border-radius: 0;
    22      padding-bottom: 0;
    23      height: auto;
    24  
    25      &.collapsedContent {
    26        height: 0;
    27        margin: 0;
    28        padding: 0;
    29        overflow: hidden;
    30      }
    31    }
    32  }
    33  
    34  .collapseTitle {
    35    font-weight: 500;
    36    font-size: 18px;
    37    cursor: pointer;
    38    padding: 5px 10px;
    39    display: flex;
    40    justify-content: space-between;
    41    align-items: center;
    42    height: 40px;
    43  
    44    &:hover {
    45      background-color: var(--ps-ui-border);
    46    }
    47  }
    48  
    49  .collapseIcon {
    50    display: flex;
    51    transition: transform 0.1s;
    52  
    53    &.collapsed {
    54      transform: rotate(90deg);
    55      display: flex;
    56    }
    57  }