captive-admin 0.1.0.alpha → 0.2.3

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: de70928a6c6a5f945fd2e3cb6fc87625ee195df6188760346a8409af948f3dec
4
- data.tar.gz: 5976a7d3d9b960a6c112e0cc78ed56f1a4156cff2fc28e29d12e8c8633ba5620
3
+ metadata.gz: a29f689e96d0ba9ef088bdc143dba8071e23e508cffdd8fa46aee86641b662ad
4
+ data.tar.gz: 5038655af50b1c97c4bbf08520fcc75976f14b69e43b5887b6ff91aabcd8c310
5
5
  SHA512:
6
- metadata.gz: 4dda41f7c744488109b1eb258b051990a9b2715b3274299d7fdea0bd1466174b09f16be5f5c2d474006393a005352ccafa667f4c86b07c7db364b98d43300728
7
- data.tar.gz: 93d3ba75fd9d5cfc5eb653345118d49738b4c50a53f7716382c86a8ad92d8e1708cdc77d1ee862e2ef51ed8afbc3255d831b54719b60f62849a764721a09a3d5
6
+ metadata.gz: 5b3802c0de855bda1e7a450d2efbd8863f638dddb93dffa427329f7ffef31654db8f67bc7af882234a0159c16285236f931887f426874f4cd27edaa720bcfcee
7
+ data.tar.gz: 3fb96174f38732c4f7df708065323b834cf3596911318752b8100130276e061aec68462528e82d35235e1f7eadffd9257187d00c639eac7a65d6ce20508e61e7
@@ -7,13 +7,50 @@
7
7
  @import './header';
8
8
  @import './forms';
9
9
  @import './components/tables';
10
+ @import './components/breadcrumbs';
11
+ @import './components/dropdown_menu';
10
12
  @import './components/links';
11
13
  @import './components/panels';
12
14
  @import './components/status_tags';
13
15
  @import './pages/logged_out';
16
+ @import './structure/main_structure';
14
17
  @import './structure/title_bar';
15
18
 
16
19
  body {
17
20
  color: $fg-default;
21
+ @include body-medium;
22
+ }
23
+ }
24
+
25
+ .details {
26
+ margin-top: $spacer-1;
27
+ @include body-small;
28
+
29
+ color: $fg-subtle;
30
+ }
31
+
32
+ .col-actions {
33
+ .dropdown_menu_button {
34
+ font-size: 0;
35
+ margin: 0;
36
+ width: $spacer-6;
37
+ height: $spacer-6;
38
+ padding: 0;
39
+
40
+ &::before {
41
+ font-size: $f2;
42
+ content: '···';
43
+ border: 0;
44
+ width: $spacer-6;
45
+ height: $spacer-6;
46
+ left: 0;
47
+ top: 0;
48
+ text-align: center;
49
+ line-height: $spacer-6;
50
+ }
51
+
52
+ &::after {
53
+ border: 0;
54
+ }
18
55
  }
19
56
  }
@@ -1,34 +1,119 @@
1
1
  // ----------------------------------- Header
2
+ @mixin down-arrow {
3
+ background-image: url($menu-arrow-light-icon-url);
4
+ background-size: 24px;
5
+ background-position-x: calc(100% - 4px);
6
+ padding-right: 28px;
7
+ }
8
+
2
9
  #header {
3
10
  text-shadow: none;
4
11
  background: $bg-emphasis;
12
+ padding: 0 $spacer-6;
5
13
 
6
14
  h1 {
7
15
  color: $fg-on-emphasis;
16
+ padding-left: 0;
17
+ height: 60px;
18
+ display: flex;
19
+ align-items: center;
20
+
21
+ img {
22
+ top: 0;
23
+ height: 24px;
24
+ }
8
25
  }
9
26
 
10
27
  a,
11
28
  a:link {
12
- color: $fg-on-emphasis;
29
+ color: $blue-grey-100;
30
+ }
31
+
32
+ .header-item {
33
+ top: 0;
13
34
  }
14
35
 
15
36
  ul.tabs {
37
+ li {
38
+ &:hover > ul {
39
+ display: block;
40
+ margin-top: $spacer-2;
41
+ padding: $spacer-3 0;
42
+ }
43
+ }
44
+
16
45
  & > li {
17
46
  &.current > a {
18
- background: $accent-subtle;
19
- color: $fg-default;
47
+ background: none;
48
+
49
+ &::before {
50
+ content: '';
51
+ background-color: $primary-emphasis;
52
+ position: absolute;
53
+ bottom: 0;
54
+ width: 19px;
55
+ height: 2px;
56
+ left: 50%;
57
+ margin-left: -9px;
58
+ }
59
+ }
60
+
61
+ &.has_nested > a {
62
+ @include down-arrow;
63
+ }
64
+
65
+ &.has_nested.current > a {
66
+ @include down-arrow;
67
+
68
+ background-color: transparent;
69
+ }
70
+
71
+ a {
72
+ padding: $spacer-2 $spacer-3;
73
+ font-weight: bold;
74
+ border-radius: 20px;
20
75
  }
21
76
 
22
77
  &:hover > a {
23
- background: $accent-subtle;
24
- color: $accent-fg;
78
+ background: $blue-grey-700;
79
+ }
80
+
81
+ &.has_nested:hover > a {
82
+ @include rounded-all(20px, 20px, 20px, 20px);
83
+ @include down-arrow;
84
+
85
+ border-bottom: none;
86
+ background-color: $blue-grey-700;
87
+ }
88
+
89
+ /* Drop down menus */
90
+ ul {
91
+ background: $bg-default;
92
+ @include rounded-all(12px, 12px, 12px, 12px);
93
+
94
+ text-align: left;
95
+ box-shadow: $shadow-m;
96
+
97
+ li {
98
+ a {
99
+ color: $fg-default;
100
+
101
+ &:hover {
102
+ background: $bg-subtle;
103
+ color: $fg-default;
104
+ border-radius: 0;
105
+ }
106
+ }
107
+ }
25
108
  }
26
109
  }
27
110
  }
28
111
 
112
+ #tabs {
113
+ text-align: center;
114
+ }
115
+
29
116
  #utility_nav {
30
- a:hover {
31
- color: $accent-fg;
32
- }
117
+ padding-right: 0;
33
118
  }
34
119
  }
@@ -11,6 +11,7 @@ h5,
11
11
  h6 {
12
12
  @include title-family;
13
13
 
14
+ color: $fg-default;
14
15
  letter-spacing: 0.5px;
15
16
  margin-top: 0;
16
17
  }
@@ -0,0 +1,18 @@
1
+ .breadcrumb {
2
+ @include body-medium;
3
+
4
+ text-transform: none;
5
+ margin-bottom: 0;
6
+
7
+ a,
8
+ a:link,
9
+ a:visited,
10
+ a:active {
11
+ color: $fg-subtle;
12
+ }
13
+
14
+ .breadcrumb_sep {
15
+ color: $primary-fg;
16
+ font-weight: bold;
17
+ }
18
+ }
@@ -0,0 +1,41 @@
1
+ .dropdown_menu {
2
+ .dropdown_menu_button {
3
+ outline: none;
4
+ box-shadow: none;
5
+ background-color: transparent;
6
+ }
7
+
8
+ .dropdown_menu_nipple {
9
+ display: none;
10
+ }
11
+
12
+ .dropdown_menu_list_wrapper {
13
+ background: none;
14
+ border: none;
15
+ box-shadow: $shadow-m;
16
+ border-radius: 12px;
17
+ padding: 0;
18
+ overflow: hidden;
19
+
20
+ .dropdown_menu_list {
21
+ border: none;
22
+ box-shadow: none;
23
+ padding: $spacer-3 0;
24
+ min-width: 120px;
25
+
26
+ li {
27
+ a {
28
+ padding: $spacer-3 $spacer-4;
29
+ text-align: left;
30
+
31
+ &:hover {
32
+ background-image: none;
33
+ text-shadow: none;
34
+ background-color: $bg-subtle;
35
+ color: $fg-default;
36
+ }
37
+ }
38
+ }
39
+ }
40
+ }
41
+ }
@@ -1,5 +1,6 @@
1
1
  a,
2
2
  a:link,
3
3
  a:visited {
4
- color: $accent-fg;
4
+ color: unset;
5
+ font-weight: bold;
5
6
  }
@@ -1,8 +1,8 @@
1
1
  .status_tag {
2
2
  border: 1px solid;
3
- border-radius: 12px;
3
+ border-radius: 20px;
4
4
  letter-spacing: 0.5px;
5
- padding: $spacer-1 $spacer-2;
5
+ padding: $spacer-2 $spacer-3;
6
6
 
7
7
  &.yes {
8
8
  background: $success-subtle;
@@ -1,22 +1,25 @@
1
1
  // --------- Index Tables
2
2
 
3
3
  table.index_table {
4
- @include shadow-xs;
5
-
6
- border-radius: $border-radius-s;
7
4
  overflow: hidden;
8
5
 
9
6
  th {
7
+ padding: $spacer-4;
8
+ color: $fg-subtle;
9
+
10
10
  a,
11
11
  a:link,
12
12
  a:visited {
13
- color: $fg-muted;
13
+ color: $fg-subtle;
14
14
  }
15
15
 
16
16
  &.sorted-asc,
17
17
  &.sorted-desc {
18
18
  background: $bg-default;
19
- border-bottom: 2px solid $border-color-emphasis;
19
+
20
+ a {
21
+ color: $fg-default;
22
+ }
20
23
  }
21
24
 
22
25
  &:last-child {
@@ -25,11 +28,12 @@ table.index_table {
25
28
  }
26
29
 
27
30
  tr.even td {
28
- background: $bg-subtle;
31
+ background: $bg-default;
29
32
  }
30
33
 
31
34
  td {
32
- border-bottom: none;
35
+ border-bottom: 1px solid $blue-grey-100;
33
36
  vertical-align: middle;
37
+ padding: $spacer-4;
34
38
  }
35
39
  }
@@ -64,4 +64,10 @@
64
64
 
65
65
  @mixin light-button {
66
66
  @include outline-button;
67
+
68
+ &:not(.disabled) {
69
+ &:hover {
70
+ background-color: $bg-subtle;
71
+ }
72
+ }
67
73
  }
@@ -9,7 +9,7 @@
9
9
  // Fin héritage AA
10
10
  padding: $spacer-2 $spacer-4;
11
11
  color: $fg-muted;
12
- background: $bg-subtle;
12
+ background: $bg-default;
13
13
  border-bottom: 1px solid $border-color;
14
14
 
15
15
  // @include shadow-xs;
@@ -9,3 +9,18 @@
9
9
  @mixin title-family {
10
10
  font-family: $title-font-family;
11
11
  }
12
+
13
+ @mixin body-medium {
14
+ font-size: $f5;
15
+ line-height: 1.5;
16
+ }
17
+
18
+ @mixin body-small {
19
+ font-size: $f6;
20
+ line-height: 1.5;
21
+ }
22
+
23
+ @mixin title-large {
24
+ font-size: $h1;
25
+ line-height: 1.125;
26
+ }
@@ -1 +1,3 @@
1
1
  @import 'captive-theme/variables';
2
+
3
+ $menu-arrow-light-icon-url: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InctOCBtci00IGljb24tY2hldmVyb24tZG93biI+PHBhdGggY2xhc3M9InNlY29uZGFyeSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUuMyAxMC4zYTEgMSAwIDAgMSAxLjQgMS40bC00IDRhMSAxIDAgMCAxLTEuNCAwbC00LTRhMSAxIDAgMCAxIDEuNC0xLjRsMy4zIDMuMjkgMy4zLTMuM3oiPjwvcGF0aD48L3N2Zz4=';
@@ -0,0 +1,3 @@
1
+ #active_admin_content {
2
+ padding: $spacer-3 $spacer-6;
3
+ }
@@ -1,4 +1,13 @@
1
1
  #title_bar {
2
+ border-bottom: none;
3
+ background: none;
4
+ box-shadow: none;
5
+ padding: $spacer-3 $spacer-6;
6
+
7
+ h2 {
8
+ @include title-large;
9
+ }
10
+
2
11
  .action_items {
3
12
  span.action_item {
4
13
  & > a,
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.1.0.alpha
4
+ version: 0.2.3
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-16 00:00:00.000000000 Z
12
+ date: 2023-10-18 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.1.0.alpha
34
+ version: 0.2.3
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.1.0.alpha
41
+ version: 0.2.3
42
42
  - !ruby/object:Gem::Dependency
43
43
  name: rspec-rails
44
44
  requirement: !ruby/object:Gem::Requirement
@@ -67,6 +67,8 @@ files:
67
67
  - app/assets/stylesheets/captive-admin/_header.scss
68
68
  - app/assets/stylesheets/captive-admin/_mixins.scss
69
69
  - app/assets/stylesheets/captive-admin/_typography.scss
70
+ - app/assets/stylesheets/captive-admin/components/_breadcrumbs.scss
71
+ - app/assets/stylesheets/captive-admin/components/_dropdown_menu.scss
70
72
  - app/assets/stylesheets/captive-admin/components/_links.scss
71
73
  - app/assets/stylesheets/captive-admin/components/_panels.scss
72
74
  - app/assets/stylesheets/captive-admin/components/_status_tags.scss
@@ -78,6 +80,7 @@ files:
78
80
  - app/assets/stylesheets/captive-admin/mixins/_typography.scss
79
81
  - app/assets/stylesheets/captive-admin/mixins/_variables.scss
80
82
  - app/assets/stylesheets/captive-admin/pages/_logged_out.scss
83
+ - app/assets/stylesheets/captive-admin/structure/_main_structure.scss
81
84
  - app/assets/stylesheets/captive-admin/structure/_title_bar.scss
82
85
  - lib/captive/admin.rb
83
86
  - lib/captive/admin/engine.rb
@@ -87,7 +90,7 @@ licenses:
87
90
  - MIT
88
91
  metadata:
89
92
  homepage_uri: https://captive.fr/
90
- source_code_uri: https://github.com/Captive-Studio/captive-sdk/tree/v0.1.0.alpha/captive-admin
93
+ source_code_uri: https://github.com/Captive-Studio/captive-sdk/tree/v0.2.3/captive-admin
91
94
  post_install_message:
92
95
  rdoc_options: []
93
96
  require_paths:
@@ -99,9 +102,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
99
102
  version: 2.6.0
100
103
  required_rubygems_version: !ruby/object:Gem::Requirement
101
104
  requirements:
102
- - - ">"
105
+ - - ">="
103
106
  - !ruby/object:Gem::Version
104
- version: 1.3.1
107
+ version: '0'
105
108
  requirements: []
106
109
  rubygems_version: 3.3.26
107
110
  signing_key: