[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-calendar-list-css
   3   */
   4  
   5  .phui-calendar-list-container {
   6    width: 300px;
   7  }
   8  
   9  .device-phone .phui-calendar-list-container {
  10    width: auto;
  11  }
  12  
  13  .phui-calendar-list-container .phui-object-box {
  14    border-bottom: none;
  15    margin: 0;
  16  }
  17  
  18  .phui-calendar-list-container:last-child .phui-object-box {
  19    border-bottom: 1px solid {$blueborder};
  20  }
  21  
  22  .phui-calendar-list-container .phui-object-box .phui-header-shell h1 {
  23    padding: 6px 0;
  24  }
  25  
  26  .phui-calendar-list {
  27    padding: 16px 12px;
  28  }
  29  
  30  .phui-calendar-list-item {
  31    position: relative;
  32  }
  33  
  34  .phui-calendar-list-dot {
  35    position: relative;
  36    display: inline-block;
  37    width: 5px;
  38    height: 5px;
  39    margin-right: 6px;
  40    top: -5px;
  41    border-radius: 10px;
  42    border: 1px solid transparent;
  43  }
  44  
  45  .phui-calendar-list-title {
  46    width: 200px;
  47    display: inline-block;
  48    overflow: hidden;
  49    text-overflow: ellipsis;
  50    white-space: nowrap;
  51  }
  52  
  53  .phui-calendar-list-item .phui-calendar-list-time {
  54    position: absolute;
  55    width: 60px;
  56    right: 0;
  57    top: 0;
  58    color: {$lightgreytext};
  59    text-align: right;
  60  }
  61  
  62  .phui-calendar-list-item-empty {
  63    color: {$lightgreytext};
  64  }