captive-admin 0.2.4 → 0.2.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (18) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/captive-admin/_base.scss +4 -0
  3. data/app/assets/stylesheets/captive-admin/_forms.scss +113 -0
  4. data/app/assets/stylesheets/captive-admin/_header.scss +6 -3
  5. data/app/assets/stylesheets/captive-admin/components/_breadcrumbs.scss +1 -1
  6. data/app/assets/stylesheets/captive-admin/components/_dropdown_menu.scss +5 -2
  7. data/app/assets/stylesheets/captive-admin/components/_status_tags.scss +1 -1
  8. data/app/assets/stylesheets/captive-admin/components/_table_tools.scss +3 -3
  9. data/app/assets/stylesheets/captive-admin/components/_tables.scss +11 -2
  10. data/app/assets/stylesheets/captive-admin/inputs/_date-time-picker.scss +6 -0
  11. data/app/assets/stylesheets/captive-admin/inputs/_select2.scss +17 -0
  12. data/app/assets/stylesheets/captive-admin/mixins/_buttons.scss +3 -0
  13. data/app/assets/stylesheets/captive-admin/mixins/_typography.scss +5 -0
  14. data/app/assets/stylesheets/captive-admin/mixins/_variables.scss +1 -0
  15. data/app/assets/stylesheets/captive-admin/structure/_footer.scss +1 -1
  16. data/app/assets/stylesheets/captive-admin/structure/_main_structure.scss +12 -1
  17. data/app/assets/stylesheets/captive-admin/structure/_title_bar.scss +1 -1
  18. metadata +7 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3cb69c5212bc8b24a346a9dee1a3b71049d36f5f5966517fd8b54e51d1187709
4
- data.tar.gz: de71ec596ddb70dcb249a41759942122cff6d6c76f16f2f0360179ea4a593ae0
3
+ metadata.gz: 4fd4afbbc0fac15fbf5117e0b503de24a42036703cf1fc3d6b0ba6258f463983
4
+ data.tar.gz: be405f608bab2dd06bf85bd26c19eaa8a706cda5899559e996b0f02f850e1a92
5
5
  SHA512:
6
- metadata.gz: 9b18b5c1dc109b04ec304e505d92bcc6d0c8004b77b169a54a281933fcb6b85f1b1e1866c20382f0cf6f780dd2b8bbfe524cf78531ad5b60c9faa2da16585cb3
7
- data.tar.gz: 951f456a11a7b28d123e389ebc503377633b55c7daf14ffad7f70b89cab2fa5e1119a9daf1e96337f410daf93838a02aec8f761598565d2d4c30ebcf9d389977
6
+ metadata.gz: b0d3cbc9fce0b111b231476aef0eacff7fc1a4abad88f16e34fd062ca103e0769340b139c6d5fe080cd7491419e8688f1d75c2a3b02d3ab3aa4d40215f8772de
7
+ data.tar.gz: 78c4ddeff7fdab78270fe6f426dcfff9add6b4fef2ff6cdd128332047294c2240269a9a2dc257600a88e35f50d9d49461f3dba138d128549b27c0fdc14ddecec
data/app/assets/stylesheets/captive-admin/_base.scss CHANGED
@@ -20,6 +20,10 @@
20
20
  @import './structure/main_structure';
21
21
  @import './structure/title_bar';
22
22
 
23
+ // Addons
24
+ @import 'inputs/date-time-picker';
25
+ @import 'inputs/select2';
26
+
23
27
  body {
24
28
  color: $fg-default;
25
29
  @include body-medium;
data/app/assets/stylesheets/captive-admin/_forms.scss CHANGED
@@ -1,10 +1,91 @@
1
+ #main_content form {
2
+ width: $spacer-13;
3
+ padding: $spacer-5 0;
4
+ }
5
+
1
6
  form {
2
7
  fieldset {
8
+ padding: 0;
9
+ margin: 0;
10
+
3
11
  &.inputs {
4
12
  background-color: $bg-subtle;
13
+ box-shadow: none;
14
+ border-radius: 0;
15
+ }
16
+
17
+ &.grouped-inputs {
18
+ ol {
19
+ display: flex;
20
+
21
+ li {
22
+ margin-left: $spacer-3;
23
+ margin-right: $spacer-3;
24
+
25
+ &:first-child {
26
+ margin-left: 0;
27
+ }
28
+
29
+ &:last-child {
30
+ margin-right: 0;
31
+ }
32
+ }
33
+ }
34
+ }
35
+
36
+ ol > li {
37
+ padding: 0;
38
+ margin-bottom: $spacer-5;
39
+
40
+ label {
41
+ @include body-medium;
42
+
43
+ float: none;
44
+ width: auto;
45
+ margin-bottom: $spacer-1;
46
+
47
+ abbr {
48
+ color: $primary-fg;
49
+ padding-left: $spacer-1;
50
+
51
+ &[title] {
52
+ text-decoration: none;
53
+ }
54
+ }
55
+ }
5
56
  }
6
57
  }
7
58
 
59
+ /* Text Fields */
60
+ input[type='text'],
61
+ input[type='password'],
62
+ input[type='email'],
63
+ input[type='number'],
64
+ input[type='url'],
65
+ input[type='tel'],
66
+ input[type='date'],
67
+ input[type='time'],
68
+ textarea {
69
+ width: 100%;
70
+ border-color: $border-color;
71
+ @include body-large;
72
+
73
+ border-radius: $border-radius-xs;
74
+ padding: $spacer-3;
75
+
76
+ &:focus {
77
+ border: 2px solid $border-color-emphasis;
78
+ box-shadow: none;
79
+ }
80
+ }
81
+
82
+ /* Errors */
83
+ p.inline-errors {
84
+ font-weight: bold;
85
+ margin: $spacer-1 0;
86
+ text-align: right;
87
+ }
88
+
8
89
  /* Buttons */
9
90
  input[type='submit'],
10
91
  form input[type='button'],
@@ -13,4 +94,36 @@ form {
13
94
 
14
95
  cursor: pointer;
15
96
  }
97
+
98
+ .buttons,
99
+ .actions {
100
+ margin-top: $spacer-5;
101
+ }
102
+
103
+ fieldset.buttons li,
104
+ fieldset.actions li {
105
+ float: none;
106
+ margin-bottom: 0;
107
+
108
+ &.cancel a {
109
+ outline: 0;
110
+ box-shadow: none;
111
+ text-decoration: underline;
112
+ padding-left: 0;
113
+ color: $fg-muted;
114
+
115
+ &:hover {
116
+ text-decoration: none;
117
+ }
118
+ }
119
+ }
120
+
121
+ .actions {
122
+ ol {
123
+ display: flex;
124
+ flex-direction: row-reverse;
125
+ justify-content: space-between;
126
+ align-items: center;
127
+ }
128
+ }
16
129
  }
data/app/assets/stylesheets/captive-admin/_header.scss CHANGED
@@ -69,9 +69,9 @@
69
69
  }
70
70
 
71
71
  a {
72
- padding: $spacer-2 $spacer-3;
72
+ padding: $spacer-2 $spacer-4;
73
73
  font-weight: bold;
74
- border-radius: 20px;
74
+ border-radius: $border-radius-m;
75
75
  }
76
76
 
77
77
  &:hover > a {
@@ -88,15 +88,18 @@
88
88
 
89
89
  /* Drop down menus */
90
90
  ul {
91
- background: $bg-default;
92
91
  @include rounded-all(12px, 12px, 12px, 12px);
93
92
 
93
+ background: $bg-default;
94
94
  text-align: left;
95
95
  box-shadow: $shadow-m;
96
+ min-width: $spacer-11;
96
97
 
97
98
  li {
98
99
  a {
99
100
  color: $fg-default;
101
+ padding-top: $spacer-3;
102
+ padding-bottom: $spacer-3;
100
103
 
101
104
  &:hover {
102
105
  background: $bg-subtle;
data/app/assets/stylesheets/captive-admin/components/_breadcrumbs.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  @include body-medium;
3
3
 
4
4
  text-transform: none;
5
- margin-bottom: 0;
5
+ margin-bottom: $spacer-1;
6
6
 
7
7
  a,
8
8
  a:link,
data/app/assets/stylesheets/captive-admin/components/_dropdown_menu.scss CHANGED
@@ -13,7 +13,7 @@
13
13
  background: none;
14
14
  border: none;
15
15
  box-shadow: $shadow-m;
16
- border-radius: 12px;
16
+ border-radius: $border-radius-s;
17
17
  padding: 0;
18
18
  overflow: hidden;
19
19
 
@@ -21,12 +21,15 @@
21
21
  border: none;
22
22
  box-shadow: none;
23
23
  padding: $spacer-3 0;
24
- min-width: 120px;
24
+ min-width: $spacer-11;
25
25
 
26
26
  li {
27
+ border: none;
28
+
27
29
  a {
28
30
  padding: $spacer-3 $spacer-4;
29
31
  text-align: left;
32
+ @include body-medium;
30
33
 
31
34
  &:hover {
32
35
  background-image: none;
data/app/assets/stylesheets/captive-admin/components/_status_tags.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  .status_tag {
2
2
  border: 1px solid;
3
- border-radius: 20px;
3
+ border-radius: $border-radius-m;
4
4
  letter-spacing: 0.5px;
5
5
  padding: $spacer-2 $spacer-3;
6
6
 
data/app/assets/stylesheets/captive-admin/components/_table_tools.scss CHANGED
@@ -35,16 +35,16 @@ a.table_tools_button,
35
35
  li {
36
36
  a {
37
37
  border: 1px solid $border-color;
38
- border-radius: 20px;
38
+ border-radius: $border-radius-m;
39
39
  margin-right: $spacer-2;
40
40
  }
41
41
 
42
42
  &:first-child a {
43
- border-radius: 20px;
43
+ border-radius: $border-radius-m;
44
44
  }
45
45
 
46
46
  &:last-child a {
47
- border-radius: 20px;
47
+ border-radius: $border-radius-m;
48
48
  }
49
49
 
50
50
  &.selected a {
data/app/assets/stylesheets/captive-admin/components/_tables.scss CHANGED
@@ -6,6 +6,7 @@ table.index_table {
6
6
  th {
7
7
  padding: $spacer-4;
8
8
  color: $fg-subtle;
9
+ background: transparent;
9
10
 
10
11
  a,
11
12
  a:link,
@@ -15,7 +16,7 @@ table.index_table {
15
16
 
16
17
  &.sorted-asc,
17
18
  &.sorted-desc {
18
- background: $bg-default;
19
+ background: transparent;
19
20
 
20
21
  a {
21
22
  color: $fg-default;
@@ -28,12 +29,20 @@ table.index_table {
28
29
  }
29
30
 
30
31
  tr.even td {
31
- background: $bg-default;
32
+ background: transparent;
32
33
  }
33
34
 
34
35
  td {
35
36
  border-bottom: 1px solid $border-color;
36
37
  vertical-align: middle;
37
38
  padding: $spacer-4;
39
+
40
+ &:first-child {
41
+ padding-left: 0;
42
+ }
43
+
44
+ &:last-child {
45
+ text-align: right;
46
+ }
38
47
  }
39
48
  }
data/app/assets/stylesheets/captive-admin/inputs/_date-time-picker.scss ADDED
@@ -0,0 +1,6 @@
1
+ input[type='text'] {
2
+ &.date-time-picker-input {
3
+ width: $spacer-12;
4
+ max-width: 100%;
5
+ }
6
+ }
data/app/assets/stylesheets/captive-admin/inputs/_select2.scss ADDED
@@ -0,0 +1,17 @@
1
+ .select2-container {
2
+ width: 100% !important;
3
+ }
4
+
5
+ .select2-container--default .select2-selection--single {
6
+ padding: $spacer-3;
7
+ box-sizing: content-box;
8
+ border-color: $border-color;
9
+ border-radius: $border-radius-s;
10
+ height: $spacer-5;
11
+
12
+ @include body-large;
13
+
14
+ .select2-selection__rendered {
15
+ padding: 0;
16
+ }
17
+ }
data/app/assets/stylesheets/captive-admin/mixins/_buttons.scss CHANGED
@@ -28,6 +28,9 @@
28
28
  border: none;
29
29
  text-shadow: none;
30
30
  box-shadow: $shadow-s;
31
+ @include body-medium;
32
+
33
+ padding: $spacer-3 $spacer-4;
31
34
 
32
35
  &:not(.disabled) {
33
36
  &:hover {
data/app/assets/stylesheets/captive-admin/mixins/_typography.scss CHANGED
@@ -10,6 +10,11 @@
10
10
  font-family: $title-font-family;
11
11
  }
12
12
 
13
+ @mixin body-large {
14
+ font-size: $f4;
15
+ line-height: 1.5;
16
+ }
17
+
13
18
  @mixin body-medium {
14
19
  font-size: $f5;
15
20
  line-height: 18px;
data/app/assets/stylesheets/captive-admin/mixins/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'captive-theme/variables';
2
2
 
3
3
  $menu-arrow-light-icon-url: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InctOCBtci00IGljb24tY2hldmVyb24tZG93biI+PHBhdGggY2xhc3M9InNlY29uZGFyeSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUuMyAxMC4zYTEgMSAwIDAgMSAxLjQgMS40bC00IDRhMSAxIDAgMCAxLTEuNCAwbC00LTRhMSAxIDAgMCAxIDEuNC0xLjRsMy4zIDMuMjkgMy4zLTMuM3oiPjwvcGF0aD48L3N2Zz4=';
4
+ $error-color: $danger-fg;
data/app/assets/stylesheets/captive-admin/structure/_footer.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  #footer {
2
- background: $bg-subtle;
2
+ background: $bg-default;
3
3
  padding: $spacer-4 $spacer-6;
4
4
  @include body-medium;
5
5
 
data/app/assets/stylesheets/captive-admin/structure/_main_structure.scss CHANGED
@@ -1,3 +1,14 @@
1
1
  #active_admin_content {
2
- padding: $spacer-3 $spacer-6;
2
+ padding: 0;
3
+
4
+ &.with_sidebar {
5
+ padding-right: $spacer-6;
6
+ }
7
+
8
+ #main_content_wrapper {
9
+ #main_content {
10
+ padding: $spacer-4 $spacer-6;
11
+ background: $bg-subtle;
12
+ }
13
+ }
3
14
  }
data/app/assets/stylesheets/captive-admin/structure/_title_bar.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  border-bottom: none;
3
3
  background: none;
4
4
  box-shadow: none;
5
- padding: $spacer-3 $spacer-6;
5
+ padding: $spacer-4 $spacer-6;
6
6
 
7
7
  h2 {
8
8
  @include title-large;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: captive-admin
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.4
4
+ version: 0.2.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - Captive
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2023-10-19 00:00:00.000000000 Z
12
+ date: 2023-10-23 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: rails
@@ -31,14 +31,14 @@ dependencies:
31
31
  requirements:
32
32
  - - '='
33
33
  - !ruby/object:Gem::Version
34
- version: 0.2.4
34
+ version: 0.2.6
35
35
  type: :runtime
36
36
  prerelease: false
37
37
  version_requirements: !ruby/object:Gem::Requirement
38
38
  requirements:
39
39
  - - '='
40
40
  - !ruby/object:Gem::Version
41
- version: 0.2.4
41
+ version: 0.2.6
42
42
  - !ruby/object:Gem::Dependency
43
43
  name: rspec-rails
44
44
  requirement: !ruby/object:Gem::Requirement
@@ -76,6 +76,8 @@ files:
76
76
  - app/assets/stylesheets/captive-admin/components/_status_tags.scss
77
77
  - app/assets/stylesheets/captive-admin/components/_table_tools.scss
78
78
  - app/assets/stylesheets/captive-admin/components/_tables.scss
79
+ - app/assets/stylesheets/captive-admin/inputs/_date-time-picker.scss
80
+ - app/assets/stylesheets/captive-admin/inputs/_select2.scss
79
81
  - app/assets/stylesheets/captive-admin/mixins/_all.scss
80
82
  - app/assets/stylesheets/captive-admin/mixins/_buttons.scss
81
83
  - app/assets/stylesheets/captive-admin/mixins/_sections.scss
@@ -95,7 +97,7 @@ licenses:
95
97
  - MIT
96
98
  metadata:
97
99
  homepage_uri: https://captive.fr/
98
- source_code_uri: https://github.com/Captive-Studio/captive-sdk/tree/v0.2.4/captive-admin
100
+ source_code_uri: https://github.com/Captive-Studio/captive-sdk/tree/v0.2.6/captive-admin
99
101
  post_install_message:
100
102
  rdoc_options: []
101
103
  require_paths: