tranzito_utils 1.1.3 → 1.1.4

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: a3571038d10e332b0188ba251d0a32d3bb24b5e0fede803e3b51fc76ecb4fb75
4
- data.tar.gz: a1d23364e1e3b6fcd89ade8be51aed3fde252d1b9cf7ae477a7496beb02b0c32
3
+ metadata.gz: 79e4e419e380c679016e94d12d738a4b5ca163e1179df7072304ff212ae20744
4
+ data.tar.gz: 68d4a668ba3d9a579413efccf4d00c3bdc62dd3f28a7f57b3d99430461aea482
5
5
  SHA512:
6
- metadata.gz: 01f09f346da17b2bb3f3ae265fbe2f66d651e29487cc2f59909c2bb4ce4b35f10a34c7c2604aeb0c4db63f23b6f1a53c230a2b5367d0d5fb4fbd3a7951135215
7
- data.tar.gz: 80da604cb6f5390c990110b3ed18853cbb3e8d9032b35bf035e329fba02466ba0fd84a0638b8a06a5011a56ccfcddfe2838a5c8bcaa4cea86cd971902db42c1e
6
+ metadata.gz: 96b6ebf268f8438a96ab9fe14ad1e2bbcafcf0a0a7b24db31f348963f92bd666211757ba157d63eec6b0d3e54654ab54bf78dcd6c451e2ed933eb81a7e08ecd1
7
+ data.tar.gz: 1bef563e22555c32e4bc7cd504d4f2cbf8a1411b0c83c0e6b8d7345b09e90538b331fabf9c3f75c476ce5ac2ce0e0519b81d24fa1bd9fe3ca762d7dbf44b945f
@@ -565,7 +565,7 @@ pre code {
565
565
  max-width: 1140px;
566
566
  }
567
567
  }
568
- .row {
568
+ .row, .custom-time-selection {
569
569
  display: flex;
570
570
  flex-wrap: wrap;
571
571
  margin-right: -15px;
@@ -10016,6 +10016,57 @@ input[type=radio] {
10016
10016
  margin: 1rem 0 0;
10017
10017
  }
10018
10018
 
10019
+ #timeSelectionBtnGroup .period-select-standard {
10020
+ transition: opacity 0.5s ease-in-out;
10021
+ }
10022
+ #timeSelectionBtnGroup.custom-period-selected .period-select-standard {
10023
+ opacity: 0.6;
10024
+ }
10025
+
10026
+ .custom-time-selection {
10027
+ justify-content: flex-end;
10028
+ }
10029
+ .custom-time-selection .form-group {
10030
+ display: flex;
10031
+ flex: 0 0 auto;
10032
+ flex-flow: row wrap;
10033
+ align-items: center;
10034
+ margin-bottom: 0;
10035
+ }
10036
+ .custom-time-selection label {
10037
+ display: flex;
10038
+ align-items: center;
10039
+ justify-content: center;
10040
+ margin-bottom: 0;
10041
+ }
10042
+ .custom-time-selection .form-control {
10043
+ display: inline-block;
10044
+ width: auto;
10045
+ max-width: 100%;
10046
+ vertical-align: middle;
10047
+ }
10048
+ .custom-time-selection .btn-success {
10049
+ margin-right: 15px;
10050
+ }
10051
+ .custom-time-selection .end-time-control {
10052
+ margin-left: 0;
10053
+ }
10054
+ @media (max-width: 767.98px) {
10055
+ .custom-time-selection {
10056
+ justify-content: flex-start;
10057
+ }
10058
+ .custom-time-selection .form-group {
10059
+ margin-top: 8px;
10060
+ flex: 0 0 75%;
10061
+ max-width: 75%;
10062
+ position: relative;
10063
+ padding-left: 15px;
10064
+ }
10065
+ .custom-time-selection .end-time-control {
10066
+ margin-left: 0;
10067
+ }
10068
+ }
10069
+
10019
10070
  .skip-user .user-cell,
10020
10071
  .skip-parking-location .parking-location-cell {
10021
10072
  display: none;
@@ -0,0 +1,54 @@
1
+ // Styles are duplicated in organized/dashboard - make sure to update there too!
2
+ #timeSelectionBtnGroup {
3
+ .period-select-standard {
4
+ transition: opacity 0.5s ease-in-out;
5
+ }
6
+ &.custom-period-selected .period-select-standard {
7
+ opacity: 0.6;
8
+ }
9
+ }
10
+
11
+ .custom-time-selection {
12
+ @extend .row;
13
+ justify-content: flex-end;
14
+ // We always want the form to be inline, so style manually
15
+ .form-group {
16
+ display: flex;
17
+ flex: 0 0 auto;
18
+ flex-flow: row wrap;
19
+ align-items: center;
20
+ margin-bottom: 0;
21
+ }
22
+ label {
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: center;
26
+ margin-bottom: 0;
27
+ }
28
+ .form-control {
29
+ display: inline-block;
30
+ width: auto;
31
+ max-width: 100%;
32
+ vertical-align: middle;
33
+ }
34
+ .btn-success {
35
+ margin-right: 15px;
36
+ }
37
+ .end-time-control {
38
+ margin-left: 0;
39
+ }
40
+
41
+ @include media-breakpoint-down(sm) {
42
+ justify-content: flex-start;
43
+ .form-group {
44
+ margin-top: 8px;
45
+ flex: 0 0 75%;
46
+ max-width: 75%;
47
+ position: relative;
48
+ padding-left: 15px;
49
+ }
50
+ .end-time-control {
51
+ margin-left: 0;
52
+ }
53
+ }
54
+ }
@@ -6,6 +6,7 @@
6
6
  // Utilities
7
7
  @import "tranzito_utils/utils";
8
8
  @import "tranzito_utils/pagination";
9
+ @import "tranzito_utils/period_selection";
9
10
  @import "tranzito_utils/table_extensions";
10
11
 
11
12
  // Sections
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module TranzitoUtils
4
- VERSION = "1.1.3"
4
+ VERSION = "1.1.4"
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: tranzito_utils
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.3
4
+ version: 1.1.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - willbarrettdev
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: bin
12
12
  cert_chain: []
13
- date: 2022-10-13 00:00:00.000000000 Z
13
+ date: 2022-10-18 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: rails
@@ -56,6 +56,7 @@ files:
56
56
  - app/assets/stylesheets/tranzito_utils/_admin_header.scss
57
57
  - app/assets/stylesheets/tranzito_utils/_alerts.scss
58
58
  - app/assets/stylesheets/tranzito_utils/_pagination.scss
59
+ - app/assets/stylesheets/tranzito_utils/_period_selection.scss
59
60
  - app/assets/stylesheets/tranzito_utils/_table_extensions.scss
60
61
  - app/assets/stylesheets/tranzito_utils/_utils.scss
61
62
  - app/assets/stylesheets/tranzito_utils/_variables.scss