Merge pull request #23984 from seamuslee001/ref_full_package_upgrades_php8_1
[civicrm-core.git] / ext / afform / core / ang / afCore.css
CommitLineData
894cb44d 1.af-api4-action-running {
9383ac27
EM
2 cursor: not-allowed;
3 color: black;
95470350 4}
894cb44d 5a.af-api4-action-idle {
9383ac27 6 cursor: pointer;
95470350 7}
5eaf91d9 8
6fb9e8d2 9.af-container.af-layout-cols {
9383ac27 10 display: flex;
082da253 11 flex-wrap: wrap;
5eaf91d9 12}
6fb9e8d2 13.af-container.af-layout-cols > * {
9383ac27 14 flex: 1;
5eaf91d9 15}
6fb9e8d2 16.af-container.af-layout-inline > * {
9383ac27
EM
17 display: inline-block;
18 margin-right: .5em;
19 vertical-align: top;
e1aca853 20}
082da253
CW
21.af-container.af-layout-cols > .af-title {
22 flex: 0 0 100%;
23}
24.af-container.af-layout-inline > .af-title {
25 display: block;
26 width: 100%;
27}
28
687d7713
CW
29af-form {
30 display: block;
31}
e1aca853 32
344e8290 33[af-repeat-item] {
e1aca853
CW
34 position: relative;
35}
344e8290 36#bootstrap-theme [af-repeat-item] .af-repeat-remove-btn {
e1aca853
CW
37 min-width: 30px;
38 position: absolute;
39 top: 0;
40 right: 0;
5eaf91d9 41}
be125358
CW
42
43/* Collapsible containers */
44.af-collapsible > .af-title {
45 cursor: pointer;
46}
47.af-collapsible > .af-title:before {
48 font-family: "FontAwesome";
49 display: inline-block;
50 width: 1em;
51 content: "\f0d7";
52}
53.af-collapsible.af-collapsed > .af-title:before {
54 content: "\f0da";
55}
df7857d8
CW
56.af-collapsible.af-collapsed > .af-title ~ * {
57 display: none !important;
be125358 58}
082da253
CW
59
60/* Card style */
61#bootstrap-theme .af-container-style-pane {
62 background-color: white;
63 border-radius: 4px;
64 box-shadow: 1px 2px 8px 1px rgba(0, 0, 0, 0.3);
65 margin: 10px;
66 padding: 5px;
67}
68#bootstrap-theme .af-container-style-pane > .af-title {
69 background-color: #70716b;
70 color: white;
71 padding: 5px;
72 border-radius: 4px 4px 0 0;
73 position: relative;
74 top: -5px;
75 left: -5px;
76 width: calc(100% + 10px);
77 margin-top: 0;
78 margin-bottom: 10px;
79}
80#bootstrap-theme .af-container-style-pane.af-collapsed > .af-title {
81 margin-bottom: 0;
82}