@clayui/css 3.46.0 → 3.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/lib/css/atlas.css +143 -74
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +107 -56
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +123 -64
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/icons.svg +1 -1
  9. package/package.json +2 -2
  10. package/src/scss/atlas/variables/_cards.scss +12 -0
  11. package/src/scss/atlas/variables/_list-group.scss +28 -12
  12. package/src/scss/cadmin/components/_cards.scss +10 -120
  13. package/src/scss/cadmin/components/_empty-state.scss +36 -0
  14. package/src/scss/cadmin/components/_links.scss +0 -8
  15. package/src/scss/cadmin/components/_treeview.scss +58 -1
  16. package/src/scss/cadmin/variables/_cards.scss +164 -1
  17. package/src/scss/cadmin/variables/_empty-state.scss +23 -0
  18. package/src/scss/cadmin/variables/_links.scss +14 -0
  19. package/src/scss/cadmin/variables/_list-group.scss +32 -16
  20. package/src/scss/cadmin/variables/_sidebar.scss +1 -1
  21. package/src/scss/cadmin/variables/_treeview.scss +17 -1
  22. package/src/scss/components/_cards.scss +28 -122
  23. package/src/scss/components/_empty-state.scss +30 -0
  24. package/src/scss/components/_links.scss +1 -9
  25. package/src/scss/components/_tables.scss +0 -8
  26. package/src/scss/components/_treeview.scss +58 -1
  27. package/src/scss/mixins/_cards.scss +59 -25
  28. package/src/scss/mixins/_links.scss +22 -2
  29. package/src/scss/variables/_cards.scss +158 -4
  30. package/src/scss/variables/_empty-state.scss +23 -0
  31. package/src/scss/variables/_links.scss +21 -3
  32. package/src/scss/variables/_list-group.scss +22 -12
  33. package/src/scss/variables/_sidebar.scss +3 -3
  34. package/src/scss/variables/_tables.scss +14 -0
  35. package/src/scss/variables/_treeview.scss +21 -1
@@ -4091,6 +4091,20 @@ html:not(#__):not(#___) .cadmin .c-empty-state-footer {
4091
4091
  overflow-wrap: break-word;
4092
4092
  word-wrap: break-word;
4093
4093
  }
4094
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm.c-empty-state-animation {
4095
+ margin: 2.5rem auto 2rem;
4096
+ max-width: 268px;
4097
+ }
4098
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm .c-empty-state-image {
4099
+ max-width: 120px;
4100
+ }
4101
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm .c-empty-state-title {
4102
+ font-size: 1rem;
4103
+ line-height: 1.5;
4104
+ }
4105
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm .c-empty-state-text {
4106
+ font-size: 0.875rem;
4107
+ }
4094
4108
  html:not(#__):not(#___) .cadmin .label {
4095
4109
  border-color: #272833;
4096
4110
  border-radius: 2px;
@@ -4692,34 +4706,17 @@ html:not(#__):not(#___) .cadmin .card,
4692
4706
  html:not(#__):not(#___) .cadmin .card-horizontal {
4693
4707
  background-color: #fff;
4694
4708
  border-color: rgba(0, 0, 0, 0.125);
4709
+ border-radius: 4px;
4695
4710
  border-style: solid;
4696
4711
  border-width: 0px;
4697
- border-radius: 4px;
4698
4712
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
4699
4713
  display: block;
4700
4714
  margin-bottom: 24px;
4701
4715
  min-width: 0;
4702
4716
  position: relative;
4717
+ overflow-wrap: break-word;
4703
4718
  word-wrap: break-word;
4704
4719
  }
4705
- html:not(#__):not(#___) .cadmin .card .autofit-col:first-child,
4706
- html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:first-child {
4707
- border-bottom-left-radius: calc(
4708
- 4px - 0px
4709
- );
4710
- border-top-left-radius: calc(
4711
- 4px - 0px
4712
- );
4713
- }
4714
- html:not(#__):not(#___) .cadmin .card .autofit-col:last-child,
4715
- html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:last-child {
4716
- border-bottom-right-radius: calc(
4717
- 4px - 0px
4718
- );
4719
- border-top-right-radius: calc(
4720
- 4px - 0px
4721
- );
4722
- }
4723
4720
  html:not(#__):not(#___) .cadmin .card .aspect-ratio .label,
4724
4721
  html:not(#__):not(#___) .cadmin .card-horizontal .aspect-ratio .label {
4725
4722
  display: block;
@@ -4765,6 +4762,24 @@ html:not(#__):not(#___) .cadmin .card-horizontal > hr {
4765
4762
  margin-left: 0;
4766
4763
  margin-right: 0;
4767
4764
  }
4765
+ html:not(#__):not(#___) .cadmin .card .autofit-col:first-child,
4766
+ html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:first-child {
4767
+ border-bottom-left-radius: calc(
4768
+ 4px - 0px
4769
+ );
4770
+ border-top-left-radius: calc(
4771
+ 4px - 0px
4772
+ );
4773
+ }
4774
+ html:not(#__):not(#___) .cadmin .card .autofit-col:last-child,
4775
+ html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:last-child {
4776
+ border-bottom-right-radius: calc(
4777
+ 4px - 0px
4778
+ );
4779
+ border-top-right-radius: calc(
4780
+ 4px - 0px
4781
+ );
4782
+ }
4768
4783
  html:not(#__):not(#___) .cadmin .card > .list-group:first-child .list-group-item:first-child,
4769
4784
  html:not(#__):not(#___) .cadmin .card-horizontal > .list-group:first-child .list-group-item:first-child {
4770
4785
  border-top-left-radius: 4px;
@@ -4799,10 +4814,12 @@ html:not(#__):not(#___) .cadmin .card-title {
4799
4814
  line-height: 1.5;
4800
4815
  margin-bottom: 0;
4801
4816
  }
4802
- html:not(#__):not(#___) .cadmin .card-title a {
4817
+ html:not(#__):not(#___) .cadmin .card-title[href],
4818
+ html:not(#__):not(#___) .cadmin .card-title [href] {
4803
4819
  color: #272833;
4804
4820
  }
4805
- html:not(#__):not(#___) .cadmin .card-title a:hover {
4821
+ html:not(#__):not(#___) .cadmin .card-title[href]:hover,
4822
+ html:not(#__):not(#___) .cadmin .card-title [href]:hover {
4806
4823
  color: #272833;
4807
4824
  }
4808
4825
  html:not(#__):not(#___) .cadmin .card-subtitle {
@@ -4812,10 +4829,12 @@ html:not(#__):not(#___) .cadmin .card-subtitle {
4812
4829
  margin-bottom: 0;
4813
4830
  margin-top: 0;
4814
4831
  }
4815
- html:not(#__):not(#___) .cadmin .card-subtitle a {
4832
+ html:not(#__):not(#___) .cadmin .card-subtitle[href],
4833
+ html:not(#__):not(#___) .cadmin .card-subtitle [href] {
4816
4834
  color: #6b6c7e;
4817
4835
  }
4818
- html:not(#__):not(#___) .cadmin .card-subtitle a:hover {
4836
+ html:not(#__):not(#___) .cadmin .card-subtitle[href]:hover,
4837
+ html:not(#__):not(#___) .cadmin .card-subtitle [href]:hover {
4819
4838
  color: #6b6c7e;
4820
4839
  }
4821
4840
  html:not(#__):not(#___) .cadmin .card-text:last-child {
@@ -4848,11 +4867,7 @@ html:not(#__):not(#___) .cadmin .card-header {
4848
4867
  padding: 12px 20px;
4849
4868
  }
4850
4869
  html:not(#__):not(#___) .cadmin .card-header:first-child {
4851
- border-radius: calc(
4852
- 4px - 0px
4853
- ) calc(
4854
- 4px - 0px
4855
- ) 0 0;
4870
+ border-radius: calc( 4px - 0px ) calc( 4px - 0px ) 0 0;
4856
4871
  }
4857
4872
  html:not(#__):not(#___) .cadmin .card-header + .list-group .list-group-item:first-child {
4858
4873
  border-top: 0;
@@ -4863,11 +4878,7 @@ html:not(#__):not(#___) .cadmin .card-footer {
4863
4878
  padding: 12px 20px;
4864
4879
  }
4865
4880
  html:not(#__):not(#___) .cadmin .card-footer:last-child {
4866
- border-radius: 0 0 calc(
4867
- 4px - 0px
4868
- ) calc(
4869
- 4px - 0px
4870
- );
4881
+ border-radius: 0 0 calc( 4px - 0px ) calc( 4px - 0px );
4871
4882
  }
4872
4883
  html:not(#__):not(#___) .cadmin .card-img-overlay {
4873
4884
  bottom: 0;
@@ -7065,20 +7076,24 @@ html:not(#__):not(#___) .cadmin .component-title {
7065
7076
  margin-bottom: calc((32px - (1em * 1.25)) / 2);
7066
7077
  margin-top: calc((32px - (1em * 1.25)) / 2);
7067
7078
  }
7068
- html:not(#__):not(#___) .cadmin .component-title a {
7079
+ html:not(#__):not(#___) .cadmin .component-title[href],
7080
+ html:not(#__):not(#___) .cadmin .component-title [href] {
7069
7081
  border-radius: 1px;
7070
7082
  color: #272833;
7071
7083
  transition: box-shadow 0.15s ease-in-out;
7072
7084
  }
7073
7085
  @media (prefers-reduced-motion: reduce) {
7074
- html:not(#__):not(#___) .cadmin .component-title a {
7086
+ html:not(#__):not(#___) .cadmin .component-title[href],
7087
+ html:not(#__):not(#___) .cadmin .component-title [href] {
7075
7088
  transition: none;
7076
7089
  }
7077
7090
  }
7078
- html:not(#__):not(#___) .cadmin .component-title a:hover {
7091
+ html:not(#__):not(#___) .cadmin .component-title[href]:hover,
7092
+ html:not(#__):not(#___) .cadmin .component-title [href]:hover {
7079
7093
  color: #060608;
7080
7094
  }
7081
- html:not(#__):not(#___) .cadmin .component-title a:focus {
7095
+ html:not(#__):not(#___) .cadmin .component-title[href]:focus,
7096
+ html:not(#__):not(#___) .cadmin .component-title [href]:focus {
7082
7097
  color: #060608;
7083
7098
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
7084
7099
  outline: 0;
@@ -7089,20 +7104,24 @@ html:not(#__):not(#___) .cadmin .component-subtitle {
7089
7104
  line-height: 1.45;
7090
7105
  margin-bottom: 0;
7091
7106
  }
7092
- html:not(#__):not(#___) .cadmin .component-subtitle a {
7107
+ html:not(#__):not(#___) .cadmin .component-subtitle[href],
7108
+ html:not(#__):not(#___) .cadmin .component-subtitle [href] {
7093
7109
  border-radius: 1px;
7094
7110
  color: #6b6c7e;
7095
7111
  transition: box-shadow 0.15s ease-in-out;
7096
7112
  }
7097
7113
  @media (prefers-reduced-motion: reduce) {
7098
- html:not(#__):not(#___) .cadmin .component-subtitle a {
7114
+ html:not(#__):not(#___) .cadmin .component-subtitle[href],
7115
+ html:not(#__):not(#___) .cadmin .component-subtitle [href] {
7099
7116
  transition: none;
7100
7117
  }
7101
7118
  }
7102
- html:not(#__):not(#___) .cadmin .component-subtitle a:hover {
7119
+ html:not(#__):not(#___) .cadmin .component-subtitle[href]:hover,
7120
+ html:not(#__):not(#___) .cadmin .component-subtitle [href]:hover {
7103
7121
  color: #272833;
7104
7122
  }
7105
- html:not(#__):not(#___) .cadmin .component-subtitle a:focus {
7123
+ html:not(#__):not(#___) .cadmin .component-subtitle[href]:focus,
7124
+ html:not(#__):not(#___) .cadmin .component-subtitle [href]:focus {
7106
7125
  color: #272833;
7107
7126
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
7108
7127
  outline: 0;
@@ -9083,7 +9102,8 @@ html:not(#__):not(#___) .cadmin .list-group-title {
9083
9102
  margin-bottom: 0;
9084
9103
  margin-top: -4px;
9085
9104
  }
9086
- html:not(#__):not(#___) .cadmin .list-group-title a {
9105
+ html:not(#__):not(#___) .cadmin .list-group-title[href],
9106
+ html:not(#__):not(#___) .cadmin .list-group-title [href] {
9087
9107
  border-radius: 1px;
9088
9108
  color: #272833;
9089
9109
  display: inline-block;
@@ -9091,14 +9111,17 @@ html:not(#__):not(#___) .cadmin .list-group-title a {
9091
9111
  max-width: 100%;
9092
9112
  }
9093
9113
  @media (prefers-reduced-motion: reduce) {
9094
- html:not(#__):not(#___) .cadmin .list-group-title a {
9114
+ html:not(#__):not(#___) .cadmin .list-group-title[href],
9115
+ html:not(#__):not(#___) .cadmin .list-group-title [href] {
9095
9116
  transition: none;
9096
9117
  }
9097
9118
  }
9098
- html:not(#__):not(#___) .cadmin .list-group-title a:hover {
9119
+ html:not(#__):not(#___) .cadmin .list-group-title[href]:hover,
9120
+ html:not(#__):not(#___) .cadmin .list-group-title [href]:hover {
9099
9121
  color: #272833;
9100
9122
  }
9101
- html:not(#__):not(#___) .cadmin .list-group-title a:focus {
9123
+ html:not(#__):not(#___) .cadmin .list-group-title[href]:focus,
9124
+ html:not(#__):not(#___) .cadmin .list-group-title [href]:focus {
9102
9125
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9103
9126
  outline: 0;
9104
9127
  }
@@ -9106,7 +9129,8 @@ html:not(#__):not(#___) .cadmin .list-group-subtitle {
9106
9129
  color: #6b6c7e;
9107
9130
  margin-bottom: 0;
9108
9131
  }
9109
- html:not(#__):not(#___) .cadmin .list-group-subtitle a {
9132
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href],
9133
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href] {
9110
9134
  border-radius: 1px;
9111
9135
  color: #6b6c7e;
9112
9136
  display: inline-block;
@@ -9114,14 +9138,17 @@ html:not(#__):not(#___) .cadmin .list-group-subtitle a {
9114
9138
  transition: box-shadow 0.15s ease-in-out;
9115
9139
  }
9116
9140
  @media (prefers-reduced-motion: reduce) {
9117
- html:not(#__):not(#___) .cadmin .list-group-subtitle a {
9141
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href],
9142
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href] {
9118
9143
  transition: none;
9119
9144
  }
9120
9145
  }
9121
- html:not(#__):not(#___) .cadmin .list-group-subtitle a:hover {
9146
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:hover,
9147
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href]:hover {
9122
9148
  color: #272833;
9123
9149
  }
9124
- html:not(#__):not(#___) .cadmin .list-group-subtitle a:focus {
9150
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:focus,
9151
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href]:focus {
9125
9152
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9126
9153
  outline: 0;
9127
9154
  }
@@ -9130,7 +9157,8 @@ html:not(#__):not(#___) .cadmin .list-group-text {
9130
9157
  line-height: 1.45;
9131
9158
  margin-bottom: 0;
9132
9159
  }
9133
- html:not(#__):not(#___) .cadmin .list-group-text a {
9160
+ html:not(#__):not(#___) .cadmin .list-group-text[href],
9161
+ html:not(#__):not(#___) .cadmin .list-group-text [href] {
9134
9162
  border-radius: 1px;
9135
9163
  color: #272833;
9136
9164
  display: inline-block;
@@ -9138,14 +9166,17 @@ html:not(#__):not(#___) .cadmin .list-group-text a {
9138
9166
  transition: box-shadow 0.15s ease-in-out;
9139
9167
  }
9140
9168
  @media (prefers-reduced-motion: reduce) {
9141
- html:not(#__):not(#___) .cadmin .list-group-text a {
9169
+ html:not(#__):not(#___) .cadmin .list-group-text[href],
9170
+ html:not(#__):not(#___) .cadmin .list-group-text [href] {
9142
9171
  transition: none;
9143
9172
  }
9144
9173
  }
9145
- html:not(#__):not(#___) .cadmin .list-group-text a:hover {
9174
+ html:not(#__):not(#___) .cadmin .list-group-text[href]:hover,
9175
+ html:not(#__):not(#___) .cadmin .list-group-text [href]:hover {
9146
9176
  color: #272833;
9147
9177
  }
9148
- html:not(#__):not(#___) .cadmin .list-group-text a:focus {
9178
+ html:not(#__):not(#___) .cadmin .list-group-text[href]:focus,
9179
+ html:not(#__):not(#___) .cadmin .list-group-text [href]:focus {
9149
9180
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9150
9181
  outline: 0;
9151
9182
  }
@@ -9154,7 +9185,8 @@ html:not(#__):not(#___) .cadmin .list-group-subtext {
9154
9185
  line-height: 1.45;
9155
9186
  margin-bottom: 0;
9156
9187
  }
9157
- html:not(#__):not(#___) .cadmin .list-group-subtext a {
9188
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href],
9189
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href] {
9158
9190
  border-radius: 1px;
9159
9191
  color: #6b6c7e;
9160
9192
  display: inline-block;
@@ -9162,14 +9194,17 @@ html:not(#__):not(#___) .cadmin .list-group-subtext a {
9162
9194
  transition: box-shadow 0.15s ease-in-out;
9163
9195
  }
9164
9196
  @media (prefers-reduced-motion: reduce) {
9165
- html:not(#__):not(#___) .cadmin .list-group-subtext a {
9197
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href],
9198
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href] {
9166
9199
  transition: none;
9167
9200
  }
9168
9201
  }
9169
- html:not(#__):not(#___) .cadmin .list-group-subtext a:hover {
9202
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href]:hover,
9203
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href]:hover {
9170
9204
  color: #272833;
9171
9205
  }
9172
- html:not(#__):not(#___) .cadmin .list-group-subtext a:focus {
9206
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href]:focus,
9207
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href]:focus {
9173
9208
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9174
9209
  outline: 0;
9175
9210
  }
@@ -14926,7 +14961,8 @@ html:not(#__):not(#___) .cadmin .sidebar-header .component-title {
14926
14961
  font-size: 20px;
14927
14962
  font-weight: 600;
14928
14963
  }
14929
- html:not(#__):not(#___) .cadmin .sidebar-header .component-title a {
14964
+ html:not(#__):not(#___) .cadmin .sidebar-header .component-title[href],
14965
+ html:not(#__):not(#___) .cadmin .sidebar-header .component-title [href] {
14930
14966
  color: #272833;
14931
14967
  }
14932
14968
  html:not(#__):not(#___) .cadmin .sidebar-header .component-subtitle {
@@ -15024,7 +15060,8 @@ html:not(#__):not(#___) .cadmin .sidebar-light {
15024
15060
  html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title {
15025
15061
  font-size: 16px;
15026
15062
  }
15027
- html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title a {
15063
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title[href],
15064
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title [href] {
15028
15065
  color: #272833;
15029
15066
  }
15030
15067
  html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
@@ -15033,7 +15070,8 @@ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
15033
15070
  html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dt {
15034
15071
  color: #6b6c7e;
15035
15072
  }
15036
- html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd a {
15073
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd[href],
15074
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd [href] {
15037
15075
  color: #272833;
15038
15076
  }
15039
15077
  html:not(#__):not(#___) .cadmin .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
@@ -15104,13 +15142,15 @@ html:not(#__):not(#___) .cadmin .sidebar-dark .close:hover {
15104
15142
  html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title {
15105
15143
  color: inherit;
15106
15144
  }
15107
- html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title a {
15145
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title[href],
15146
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title [href] {
15108
15147
  color: inherit;
15109
15148
  }
15110
15149
  html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle {
15111
15150
  color: inherit;
15112
15151
  }
15113
- html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle a {
15152
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle[href],
15153
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle [href] {
15114
15154
  color: inherit;
15115
15155
  }
15116
15156
  html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
@@ -17785,6 +17825,7 @@ html:not(#__):not(#___) .cadmin .treeview-item {
17785
17825
  word-wrap: break-word;
17786
17826
  }
17787
17827
  html:not(#__):not(#___) .cadmin .treeview-link {
17828
+ background-color: transparent;
17788
17829
  cursor: pointer;
17789
17830
  display: block;
17790
17831
  border-color: transparent;
@@ -17795,6 +17836,7 @@ html:not(#__):not(#___) .cadmin .treeview-link {
17795
17836
  min-width: 100%;
17796
17837
  padding: 0;
17797
17838
  position: relative;
17839
+ text-align: left;
17798
17840
  -ms-user-select: none;
17799
17841
  -moz-user-select: none;
17800
17842
  -webkit-user-select: none;
@@ -17807,6 +17849,9 @@ html:not(#__):not(#___) .cadmin .treeview-link:focus {
17807
17849
  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
17808
17850
  outline: 0;
17809
17851
  }
17852
+ html:not(#__):not(#___) .cadmin .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-link.disabled {
17853
+ cursor: not-allowed;
17854
+ }
17810
17855
  html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-bottom {
17811
17856
  box-shadow: 0 2px 0 0 #80acff;
17812
17857
  }
@@ -17818,7 +17863,10 @@ html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-top {
17818
17863
  box-shadow: 0 -2px 0 0 #80acff;
17819
17864
  }
17820
17865
  html:not(#__):not(#___) .cadmin .treeview-link.hover .component-action, html:not(#__):not(#___) .cadmin .treeview-link:hover .component-action, html:not(#__):not(#___) .cadmin .treeview-link.focus .component-action, html:not(#__):not(#___) .cadmin .treeview-link:focus .component-action {
17821
- display: block;
17866
+ display: flex;
17867
+ }
17868
+ html:not(#__):not(#___) .cadmin .treeview-link:disabled .component-action, html:not(#__):not(#___) .cadmin .treeview-link.disabled .component-action {
17869
+ display: none;
17822
17870
  }
17823
17871
  html:not(#__):not(#___) .cadmin .treeview-link.show .component-expander .component-expanded-d-none, html:not(#__):not(#___) .cadmin .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
17824
17872
  display: none;
@@ -17856,6 +17904,10 @@ html:not(#__):not(#___) .cadmin .treeview-light .component-expander {
17856
17904
  html:not(#__):not(#___) .cadmin .treeview-light .component-expander:hover {
17857
17905
  color: #0b5fff;
17858
17906
  }
17907
+ html:not(#__):not(#___) .cadmin .treeview-light .component-expander:disabled, html:not(#__):not(#___) .cadmin .treeview-light .component-expander.disabled {
17908
+ color: #6b6c7e;
17909
+ opacity: 0.5;
17910
+ }
17859
17911
  html:not(#__):not(#___) .cadmin .treeview-light .component-expander.btn-secondary {
17860
17912
  background-color: #fff;
17861
17913
  }
@@ -17874,6 +17926,10 @@ html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.active {
17874
17926
  background-color: #f1f2f5;
17875
17927
  color: #272833;
17876
17928
  }
17929
+ html:not(#__):not(#___) .cadmin .treeview-light .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.disabled {
17930
+ background-color: transparent;
17931
+ color: rgba(107, 108, 126, 0.5);
17932
+ }
17877
17933
  html:not(#__):not(#___) .cadmin .treeview-dark .component-expander {
17878
17934
  color: #a7a9bc;
17879
17935
  }
@@ -17892,11 +17948,14 @@ html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.active {
17892
17948
  }
17893
17949
  html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.disabled {
17894
17950
  background-color: transparent;
17895
- color: rgba(167, 169, 188, 0.04);
17951
+ color: rgba(167, 169, 188, 0.5);
17896
17952
  }
17897
17953
  html:not(#__):not(#___) .cadmin .treeview-dark .component-action {
17898
17954
  color: #a7a9bc;
17899
17955
  }
17956
+ html:not(#__):not(#___) .cadmin .treeview-dark .component-action:disabled, html:not(#__):not(#___) .cadmin .treeview-dark .component-action.disabled {
17957
+ color: #a7a9bc;
17958
+ }
17900
17959
  html:not(#__):not(#___) .cadmin .bg-checkered {
17901
17960
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
17902
17961
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;