[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phabricator-hovercard-view-css
   3   */
   4  
   5  .jx-hovercard-container {
   6    position: absolute;
   7  }
   8  
   9  .phabricator-hovercard-wrapper {
  10    float: left;
  11    width: 400px;
  12  }
  13  
  14  .device-phone .phabricator-hovercard-wrapper {
  15    float: left;
  16    width: 300px;
  17  }
  18  
  19  .phabricator-hovercard-container {
  20    float: left;
  21    width: 100%;
  22    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
  23    border: 1px solid {$blueborder};
  24    border-radius: 3px;
  25    background-color: #fff;
  26  }
  27  
  28  .phabricator-hovercard-head {
  29    border-bottom: 1px solid {$thinblueborder};
  30  }
  31  
  32  .phabricator-hovercard-head .phui-action-header {
  33    border-top-right-radius: 3px;
  34    border-top-left-radius: 3px;
  35  }
  36  
  37  .phabricator-hovercard-head .phui-tag-type-state {
  38    color: {$bluetext};
  39    text-shadow: none;
  40  }
  41  
  42  .phabricator-hovercard-tags {
  43    float: right;
  44    white-space: normal;
  45  }
  46  
  47  .phabricator-hovercard-body {
  48    padding: 12px 8px;
  49    color: {$darkgreytext};
  50    border-bottom-right-radius: 3px;
  51    border-bottom-left-radius: 3px;
  52    position: relative;
  53  }
  54  
  55  .phabricator-hovercard-body-item {
  56    margin: 2px 0 0 0px;
  57  }
  58  
  59  .phabricator-hovercard-body-header {
  60    font-size: 14px;
  61    padding-bottom: 4px;
  62    color: {$darkgreytext};
  63    line-height: 18px;
  64  }
  65  
  66  .phabricator-hovercard-body .phabricator-hovercard-body-image {
  67    width: 58px;
  68  }
  69  
  70  .phabricator-hovercard-body .phabricator-hovercard-body-details {
  71    margin-left: 58px;
  72  }
  73  
  74  .phabricator-hovercard-body .profile-header-picture-frame {
  75    float: left;
  76    width: 50px;
  77    height: 50px;
  78    background-position: center;
  79    background-repeat: no-repeat;
  80  }
  81  .phabricator-hovercard-tail {
  82    width: 396px;
  83    float: left;
  84    padding: 2px;
  85    border-top: 1px solid {$thinblueborder};
  86    border-bottom-left-radius: 3px;
  87    border-bottom-right-radius: 3px;
  88  }
  89  
  90  .phabricator-hovercard-tail button,
  91  .phabricator-hovercard-tail a.button {
  92    margin: 3px;
  93  }