active_admin_with_bootstrap_4 0.1.3 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/lib/active_admin_with_bootstrap_4/version.rb +1 -1
  3. data/vendor/assets/stylesheets/active_admin_with_bootstrap_4.scss +3 -11
  4. data/vendor/assets/stylesheets/components/header.scss +47 -0
  5. data/vendor/assets/stylesheets/components/login.scss +37 -0
  6. data/vendor/assets/stylesheets/components/sidebar_filters.scss +99 -0
  7. metadata +2 -25
  8. data/vendor/assets/stylesheets/_variables.scss +0 -12
  9. data/vendor/assets/stylesheets/active_admin_skin.scss +0 -703
  10. data/vendor/assets/stylesheets/animate.scss +0 -3272
  11. data/vendor/assets/stylesheets/body.scss +0 -10
  12. data/vendor/assets/stylesheets/content.scss +0 -76
  13. data/vendor/assets/stylesheets/filter.scss +0 -29
  14. data/vendor/assets/stylesheets/footer.scss +0 -13
  15. data/vendor/assets/stylesheets/header.scss +0 -129
  16. data/vendor/assets/stylesheets/overlay_overview.scss +0 -69
  17. data/vendor/assets/stylesheets/panel.scss +0 -37
  18. data/vendor/assets/stylesheets/timeline.scss +0 -85
  19. data/vendor/vendor/assets/javascripts/active_admin_flat_skin.js.erb +0 -45
  20. data/vendor/vendor/assets/stylesheets/_variables.scss +0 -12
  21. data/vendor/vendor/assets/stylesheets/active_admin_flat_skin.scss +0 -12
  22. data/vendor/vendor/assets/stylesheets/active_admin_skin.scss +0 -703
  23. data/vendor/vendor/assets/stylesheets/animate.scss +0 -3272
  24. data/vendor/vendor/assets/stylesheets/body.scss +0 -10
  25. data/vendor/vendor/assets/stylesheets/content.scss +0 -76
  26. data/vendor/vendor/assets/stylesheets/filter.scss +0 -29
  27. data/vendor/vendor/assets/stylesheets/footer.scss +0 -13
  28. data/vendor/vendor/assets/stylesheets/header.scss +0 -129
  29. data/vendor/vendor/assets/stylesheets/overlay_overview.scss +0 -69
  30. data/vendor/vendor/assets/stylesheets/panel.scss +0 -37
  31. data/vendor/vendor/assets/stylesheets/timeline.scss +0 -85
@@ -1,10 +0,0 @@
1
- body{
2
- background-color: rgb(245, 245, 245);
3
- background-color: #F1F2F7;
4
- height: 100%;
5
- padding-bottom: 0 !important;
6
-
7
- #wrapper{
8
- height: 100%;
9
- }
10
- }
@@ -1,76 +0,0 @@
1
- .title_bar#title_bar{
2
- width: 84.1%;
3
- float: right;
4
- // background-color: rgb(255, 255, 255);
5
- background-color: rgb(224, 224, 224);
6
- box-shadow: none;
7
- background-image: none;
8
- border: none;
9
- padding: 9px 30px !important;
10
- h2{
11
- color: #5e6469;
12
- }
13
-
14
- .action_items span.action_item > a, .action_items span.action_item > .dropdown_menu > a{
15
- margin-bottom: 2px;
16
- }
17
- }
18
-
19
- #active_admin_content.with_sidebar{
20
- #main_content{
21
- margin-right: 0 !important;
22
- &.with_side{
23
- margin-right: 300px !important;
24
- }
25
- }
26
- }
27
-
28
- #active_admin_content{
29
- margin-bottom: 30px;
30
- float: right;
31
- width: 77%;
32
-
33
- #main_content{
34
- .table_actions{
35
- .member_link{
36
- border-radius: 2px;
37
- background-color: red;
38
- margin: 0 5px 5px;
39
- color: #fff;
40
- text-decoration: none;
41
- padding: 2px 8px;
42
- &:hover{
43
- text-decoration: none;
44
- }
45
- }
46
- .view_link{
47
- padding: 2px 7px;
48
- background-color: #78CD51;
49
- &:hover{
50
- background-color: darken(#78CD51, 5);
51
- }
52
- }
53
- .edit_link{
54
- background-color: #41CAC0;
55
- &:hover{
56
- background-color: darken(#41CAC0, 5);
57
- }
58
- }
59
- .delete_link{
60
- background-color: #FF6C60;
61
- &:hover{
62
- background-color: darken(#FF6C60, 5);
63
- }
64
- }
65
- }
66
- }
67
- }
68
-
69
- #timeline-content{margin-top: 0; .timeline{margin-bottom: 0; margin-top: 0;}}
70
-
71
- .ui-dialog .ui-dialog-buttonpane button{
72
- line-height: 6px;
73
- &:last-child{
74
- line-height: 6px;
75
- }
76
- }
@@ -1,29 +0,0 @@
1
- #filters_sidebar_section{
2
- display: none;
3
- position: fixed;
4
- top: 10%;
5
- right: 30%;
6
- z-index: 2000;
7
- }
8
-
9
- #diplay-filter{
10
- color: #1e2a33;
11
- background-color: $skinActiveColor;
12
- padding: 7px 10px !important;
13
- font-weight: normal;
14
- text-shadow: none;
15
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.8);
16
- line-height: 12px;
17
- margin-right: 3px;
18
- display: inline-block;
19
- border: solid 1px darken($skinActiveColor, 5);
20
- font-size: 0.9em;
21
- margin-bottom: 5px;
22
- // float: right;
23
- text-decoration: none;
24
- color: #fff;
25
- transition: all .3s;
26
- &:hover{
27
- opacity: 0.7;
28
- }
29
- }
@@ -1,13 +0,0 @@
1
- #footer{
2
- p{float: left;}
3
- #utility_nav{
4
- float: right;
5
- margin: 0;
6
- li{
7
- display: inline-block !important;
8
- height: auto !important;
9
- vertical-align: top;
10
- width: auto !important;
11
- }
12
- }
13
- }
@@ -1,129 +0,0 @@
1
- .header#header{
2
- padding: 0;
3
- width: 16%;
4
- overflow: hidden;
5
- float: left;
6
- height: 92.9% !important;
7
- background-color: $skinBlack;
8
- box-shadow: none;
9
- position: fixed;
10
-
11
- .header-item, .site_title{
12
- display: block !important;
13
- width: 100%;
14
- }
15
-
16
- .header-item.tabs{
17
- overflow-x: scroll;
18
- }
19
-
20
- .site_title{
21
- padding: 10px 0;
22
- margin: 0;
23
- height: 50px;
24
- text-align: center;
25
- line-height: 50px;
26
- color: #fff;
27
- font-size: 22px;
28
- background-color: $skinActiveColor;
29
- }
30
-
31
- .header-item.tabs#tabs{
32
- li{
33
- display: block;
34
- margin-bottom: 20px !important;
35
-
36
- a{
37
- height: 35px;
38
- line-height: 35px;
39
- color: $textGray !important;
40
- font-size: 14px;
41
- transition: all .3s;
42
- }
43
-
44
- &.current{
45
- a{
46
- color: #fff !important;
47
- }
48
-
49
- &:hover{
50
- a{
51
- margin: -10px 0;
52
- }
53
- }
54
- }
55
-
56
- &:hover{
57
- a{
58
- margin: 0;
59
- background-color: $skinBlackLight;
60
- }
61
- }
62
-
63
- &.has_nested{
64
- ul{
65
- margin: 0;
66
- width: 100%;
67
- background-color: $skinBlackLight;
68
-
69
- li{
70
- a{
71
- line-height: inherit;
72
- height: inherit;
73
- }
74
- }
75
-
76
- &.slided_down{
77
- display: block;
78
- position: relative;
79
- float: none;
80
- border-radius: 0;
81
- // padding: 0;
82
- padding: 3px 0px 5px 0;
83
- background-color: $skinBlackLight;
84
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
85
-
86
- li{
87
- &:hover{
88
- a{
89
- color: $skinActiveColor !important;
90
- }
91
- }
92
- }
93
- }
94
- }
95
-
96
- &:hover{
97
- ul{
98
- display: none;
99
- padding: 3px 0px 5px 0;
100
- background-color: $skinBlackLight;
101
- }
102
- }
103
- }
104
-
105
- &.current.has_nested{
106
- .slided_down{
107
- margin-top: 5px;
108
- a{
109
- background-color: transparent !important;
110
- }
111
- .current{
112
- a{
113
- color: $skinActiveColor !important;
114
- }
115
- }
116
- }
117
- &:hover{
118
- .slided_down{
119
- a{margin: 0 !important;}
120
- }
121
- }
122
- }
123
- }
124
- }
125
-
126
- #utility_nav{
127
- padding: 0;
128
- }
129
- }
@@ -1,69 +0,0 @@
1
- .state-overview{
2
- width: 47%;
3
- display: inline-block;
4
- margin-right: 10px;
5
- .panell{
6
- border: none;
7
- box-shadow: none;
8
- margin-bottom: 20px;
9
- background-color: #F5F7F8;
10
- border: 1px solid transparent;
11
- border-radius: 4px;
12
-
13
- .terques {
14
- background: #6ccac9;
15
- &.red{
16
- background: #FF6C60;
17
- }
18
- &.yellow{
19
- background: #F8D347;
20
- }
21
- &.blue{
22
- background: #57C8F2;
23
- }
24
- }
25
-
26
- .symbol {
27
- width: 28%;
28
- padding: 25px 15px;
29
- border-radius: 4px 0px 0px 4px;
30
-
31
- .fa {
32
- color: #fff;
33
- font-size: 50px;
34
- }
35
- }
36
-
37
- .symbol, .value {
38
- display: inline-block;
39
- text-align: center;
40
- }
41
-
42
- .value {
43
- // float: right;
44
- width: 50%;
45
- // line-height: 45px;
46
- padding-top: 30px;
47
- .count {
48
- font-weight: 300;
49
- font-size: 190%;
50
- }
51
- .count, p {
52
- margin: 0;
53
- padding: 0;
54
- color: #000;
55
- }
56
- }
57
- }
58
- }
59
-
60
- .overlay{
61
- position: fixed;
62
- top: 0;
63
- left: 0;
64
- width: 100%;
65
- height: 100%;
66
- z-index: 1000;
67
- background-color: rgba(0,0,0,0.5); /*dim the background*/
68
- display: none;
69
- }
@@ -1,37 +0,0 @@
1
- .panel{
2
- position: relative;
3
- border-radius: 0;
4
- box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04) !important;
5
- border: 0;
6
- margin-bottom: 30px;
7
- background: #FFF;
8
- border-top: none !important;
9
- h3{
10
- color: $skinActiveColor !important;
11
- border-radius: 0;
12
- border: 0;
13
- padding: 15px !important;
14
- transition: border 500ms;
15
- margin: 3px 0;
16
- font-weight: 200 !important;
17
- font-size: 20px;
18
- line-height: normal;
19
- }
20
-
21
- .panel_contents{
22
- font-size: 12px;
23
- line-height: 22px;
24
- padding: 20px 30px;
25
- ul{margin: 0;}
26
- }
27
- }
28
-
29
- .sidebar_section.panel{
30
- @extend .panel;
31
- border-top: none !important;
32
- h3{
33
- margin: 0;
34
- padding: 15px !important;
35
- font-weight: 200 !important;
36
- }
37
- }
@@ -1,85 +0,0 @@
1
- #timeline-content {
2
- margin-top: 50px;
3
- text-align: center;
4
- font-size: 16px;
5
-
6
- strong {
7
- font-weight: 600;
8
- }
9
-
10
- h1 {
11
- letter-spacing: 1.5px;
12
- color: #5e6469;
13
- font-weight: 100;
14
- font-size: 2.4em;
15
- }
16
- p{font-size: 12px;}
17
-
18
- /* Timeline */
19
- .timeline {
20
- border-left: 4px solid #eda600;
21
- // border-left: 4px solid #4298c3;
22
- border-bottom-right-radius: 4px;
23
- border-top-right-radius: 4px;
24
- background: rgba(255, 255, 255, 0.03);
25
- color: #5e6469;
26
- // color: rgba(255, 255, 255, 0.8);
27
- font-family: 'Source Sans Pro', sans-serif;
28
- margin: 50px auto;
29
- letter-spacing: 0.5px;
30
- position: relative;
31
- line-height: 1.4em;
32
- font-size: 1.03em;
33
- padding: 50px;
34
- list-style: none;
35
- text-align: left;
36
- font-weight: 100;
37
- max-width: 30%;
38
- }
39
- .timeline h1,
40
- .timeline h2,
41
- .timeline h3 {
42
- font-family: 'Oswald', sans-serif;
43
- letter-spacing: 1.5px;
44
- font-weight: 100;
45
- font-size: 1.4em;
46
- }
47
- .timeline .event {
48
- border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
49
- padding-bottom: 25px;
50
- // margin-bottom: 50px;
51
- position: relative;
52
- }
53
- .timeline .event:last-of-type {
54
- padding-bottom: 0;
55
- margin-bottom: 0;
56
- border: none;
57
- }
58
- .timeline .event:before,
59
- .timeline .event:after {
60
- position: absolute;
61
- display: block;
62
- top: 0;
63
- }
64
- .timeline .event:before {
65
- // left: -217.5px;
66
- left: -185px;
67
- color: #5e6469; //rgba(255, 255, 255, 0.4);
68
- content: attr(data-date);
69
- text-align: right;
70
- font-weight: 100;
71
- font-size: 0.8em;
72
- min-width: 120px;
73
- }
74
- .timeline .event:after {
75
- box-shadow: 0 0 0 4px #eda600;
76
- // box-shadow: 0 0 0 4px #4298c3;
77
- left: -57.85px;
78
- background: #313534;
79
- border-radius: 50%;
80
- height: 11px;
81
- width: 11px;
82
- content: "";
83
- top: 5px;
84
- }
85
- }