ci4s
/
ci4sManagement-cloud
Not watched
1
0
Fork 0
Code
Releases 1 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: f48a285280
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'f48a285280'
${ noResults }
ci4sManagement-cloud/react-ui/src/pages/Message/components/Content/index.less

126 lines
2.3 kB
Raw Blame History 

  1. .message-content {

  2.   display: flex;

  3.   flex: 1;

  4.   flex-direction: column;

  5.   min-width: 0;

  6.   height: 100%;

  7.   .backgroundFullImage(url(@/assets/img/message/content-bg.png));

  8. 

  9.   &__tabs {

  10.     display: flex;

  11.     align-items: center;

  12.     height: 76px;

  13.     padding: 0 30px;

  14.     border-bottom: 1px dashed rgba(130, 132, 164, 0.18);

  15. 

  16.     &__item {

  17.       margin-right: 20px;

  18.       color: @text-color-secondary;

  19.       font-size: @font-size;

  20. 

  21.       &--selected,

  22.       &:hover {

  23.         color: @text-color;

  24.       }

  25.     }

  26.   }

  27. 

  28.   &__check-container {

  29.     display: flex;

  30.     align-items: center;

  31.     margin: 16px 0 10px;

  32.     padding-left: 30px;

  33.     color: @text-color-secondary;

  34.     font-size: @font-size;

  35. 

  36.     &__count {

  37.       margin: 0 2px;

  38.       color: @primary-color;

  39.     }

  40.   }

  41. 

  42.   &__list {

  43.     display: flex;

  44.     flex: 1;

  45.     flex-direction: column;

  46.     width: 100%;

  47.     overflow-y: auto;

  48. 

  49.     &__item {

  50.       display: flex;

  51.       align-items: center;

  52.       width: 100%;

  53.       height: 56px;

  54.       padding: 0 30px;

  55.       color: @text-color;

  56.       font-size: @font-size;

  57. 

  58.       &__status {

  59.         flex: none;

  60.         margin-right: 10px;

  61.         padding: 2px 4px;

  62.         font-size: 12px;

  63.         border-radius: 4px;

  64. 

  65.         &--unread {

  66.           color: #d7312a;

  67.           background-color: rgba(215, 49, 42, 0.07);

  68.         }

  69. 

  70.         &--readed {

  71.           color: #2a814b;

  72.           background-color: rgba(42, 129, 75, 0.07);

  73.         }

  74.       }

  75. 

  76.       &__time {

  77.         display: block;

  78.         margin-left: auto;

  79.         color: @text-color-secondary;

  80.       }

  81. 

  82.       &__button {

  83.         display: none;

  84.         flex: none;

  85.         padding-right: 0;

  86.         padding-left: 0;

  87.         color: @primary-color-hover;

  88.         font-size: @font-size;

  89. 

  90.         &:hover {

  91.           color: @primary-color !important;

  92.         }

  93. 

  94.         &:first-of-type {

  95.           margin-right: 10px;

  96.           margin-left: auto;

  97.         }

  98.       }

  99. 

  100.       &:hover {

  101.         color: @primary-color;

  102.         background-color: .addAlpha(@primary-color, 0.05) [];

  103.       }

  104. 

  105.       &:hover &__button {

  106.         display: block;

  107.       }

  108. 

  109.       &:hover &__time {

  110.         display: none;

  111.       }

  112.     }

  113.   }

  114. 

  115.   :global {

  116.     .ant-pagination {

  117.       margin-right: 30px;

  118.       margin-bottom: 40px;

  119.     }

  120.   }

  121. 

  122.   &__empty {

  123.     flex: 1;

  124.   }

  125. }