captive-admin 0.1.0.alpha → 0.2.3

Sign up to get free protection for your applications and to get access to all the features.
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: