badges.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. /*--- General ---*/
  2. div.bx-grid-header div.bx-form-element-wrapper {
  3. position: relative;
  4. float: left;
  5. width: 165px;
  6. }
  7. /*--- Forms page -> Add/Edit Form block ---*/
  8. div.bx-form-add-form {}
  9. div.bx-form-add-form-cnt {}
  10. /*--- Displays page -> Add/Edit Display block ---*/
  11. div.bx-form-add-display {}
  12. div.bx-form-add-display-cnt {}
  13. /*--- Displays page -> Panel Top style ---*/
  14. div.bx-grid-header div#bx-form-element-module,
  15. div.bx-grid-header div#bx-form-element-form,
  16. div.bx-grid-header div#bx-form-element-list {
  17. margin-right: 20px;
  18. }
  19. div.bx-grid-header div#bx-form-element-form,
  20. div.bx-grid-header div#bx-form-element-display,
  21. div.bx-grid-header div#bx-form-element-module,
  22. div.bx-grid-header div#bx-form-element-list,
  23. div.bx-grid-header div#bx-form-element-keyword {
  24. margin-top: 0px;
  25. }
  26. /*--- Fields page -> Panel Top style ---*/
  27. div.bx-grid-header div.bx-form-element-wrapper {
  28. position: relative;
  29. float: left;
  30. }
  31. div.bx-grid-header div#bx-form-element-display {
  32. margin-right: 20px;
  33. }
  34. /*--- Fields page -> Add/Edit Field block style ---*/
  35. div#bx-form-element-type .bx-menu-ver li {
  36. position: relative;
  37. float: left;
  38. width: 50%;
  39. }
  40. div#bx-form-element-type .bx-menu-ver .bx-def-hr {
  41. display: none;
  42. }
  43. div#bx-form-element-info textarea.bx-form-input-textarea {
  44. height: 53px;
  45. }
  46. div.bx-badge {
  47. display: flex;
  48. align-items:center;
  49. text-align: center;
  50. background:#ff0000;
  51. color:#fff;
  52. width: 150px;
  53. vertical-align: middle;
  54. height: 1.25rem;
  55. line-height: 1.25rem;
  56. padding: 0 0.5rem ;
  57. border-radius: 1em;
  58. white-space: nowrap;
  59. text-overflow: ellipsis;
  60. overflow: hidden;
  61. }
  62. img.bx-badge-icon,
  63. svg.bx-badge-icon{
  64. width: 16px;
  65. height: 16px;
  66. margin-right: 0.5rem;
  67. }
  68. div.bx-badge span{
  69. text-overflow: ellipsis;
  70. overflow: hidden;
  71. }
  72. div.bx-badge .sys-icon{
  73. color: inherit !important;
  74. margin-right: 0.5rem;
  75. }
  76. div.bx-badge.bx-badge-compact{
  77. width: 1.25rem;
  78. text-align: center;
  79. }
  80. div.bx-badge.bx-badge-compact .sys-icon{
  81. width: 1.25rem;
  82. }
  83. div.bx-badge.bx-badge-compact .sys-icon,
  84. div.bx-badge.bx-badge-compact img{
  85. margin:0px auto;
  86. }
  87. /*--- Pre Lists page -> Add/Edit Form block ---*/
  88. div.bx-form-add-list {}
  89. div.bx-form-add-list-cnt {}
  90. /*--- Pre Values page -> Add/Edit Form block ---*/
  91. div.bx-form-add-value {}
  92. div.bx-form-add-value-cnt {}