@dssp/project 0.0.34 → 0.0.36

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.
Files changed (5) hide show
  1. package/assets/samples/project-template.xlsx +0 -0
  2. package/client/pages/project/project-schedule.ts +31 -22
  3. package/dist-client/tsconfig.tsbuildinfo +1 -1
  4. package/dist-server/tsconfig.tsbuildinfo +1 -1
  5. package/package.json +3 -3
package/client/pages/project/project-schedule.ts CHANGED
@@ -49,7 +49,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
49
49
  color: #4e5055;
50
50
 
51
51
  width: 100%;
52
- background-color: #f7f7f7;
52
+ background-color: var(--md-sys-color-background, #f6f6f6);
53
53
  overflow-y: auto;
54
54
 
55
55
  --grid-record-emphasized-background-color: red;
@@ -62,11 +62,12 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
62
62
 
63
63
  div[header] {
64
64
  display: flex;
65
- margin: 0px 20px;
65
+ margin: 0px var(--spacing-large, 12px);
66
66
 
67
67
  h2 {
68
68
  flex: 0.5;
69
69
  color: #3f71a0;
70
+ font-size:18px;
70
71
  }
71
72
 
72
73
  div[button-container] {
@@ -76,20 +77,20 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
76
77
  flex: 0.5;
77
78
 
78
79
  md-elevated-button {
79
- margin: 0px 3px;
80
+ margin: 0px margin-left: var(--spacing-small, 4px);
80
81
 
81
- --md-elevated-button-container-height: 35px;
82
+ --md-elevated-button-container-height: 32px;
82
83
  --md-elevated-button-label-text-size: 16px;
83
84
  --md-elevated-button-container-color: #0595e5;
84
85
 
85
- --md-elevated-button-label-text-color: #fff;
86
- --md-elevated-button-hover-label-text-color: #fff;
87
- --md-elevated-button-pressed-label-text-color: #fff;
88
- --md-elevated-button-focus-label-text-color: #fff;
89
- --md-elevated-button-icon-color: #fff;
90
- --md-elevated-button-hover-icon-color: #fff;
91
- --md-elevated-button-pressed-icon-color: #fff;
92
- --md-elevated-button-focus-icon-color: #fff;
86
+ --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);
87
+ --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);
88
+ --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);
89
+ --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);
90
+ --md-elevated-button-icon-color: var(--md-sys-color-on-primary);
91
+ --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);
92
+ --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);
93
+ --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);
93
94
  }
94
95
  }
95
96
  }
@@ -99,13 +100,14 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
99
100
 
100
101
  display: flex;
101
102
  flex-direction: column;
102
- margin: 0px 25px 25px 25px;
103
- gap: 15px;
103
+ margin: var(--spacing-large, 12px);
104
+ margin-top:0;
105
+ gap: var(--spacing-medium, 8px);
104
106
  overflow: hidden;
105
107
 
106
108
  h3 {
107
109
  color: #2e79be;
108
- font-size: 18px;
110
+ font-size: 16px;
109
111
  margin: 0px;
110
112
  }
111
113
 
@@ -124,7 +126,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
124
126
  }
125
127
 
126
128
  div[select-container] {
127
- gap: 15px;
129
+ gap: var(--spacing-medium, 8px);
128
130
 
129
131
  div[date] {
130
132
  display: flex;
@@ -133,13 +135,19 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
133
135
  background-color: #2ea4df1a;
134
136
  border: 1px solid #2ea4df33;
135
137
  border-radius: 5px;
136
- gap: 12px;
138
+ gap: var(--spacing-medium, 8px);
137
139
  padding: 12px 36px 12px 15px;
138
140
 
139
141
  span[name] {
140
142
  font-size: 16px;
141
143
  font-weight: bold;
142
144
  }
145
+
146
+ input[type="date"] {
147
+ border:1px solid rgba(51,51,51,.20);
148
+ padding:var(--spacing-small, 4px) var(--spacing-medium, 8px);
149
+ border-radius: 5px;
150
+ }
143
151
  }
144
152
 
145
153
  div[construction-list-container] {
@@ -148,17 +156,18 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
148
156
  border-radius: 5px;
149
157
  border: 1px solid #cccccc80;
150
158
  background-color: #fff;
151
- padding: 8px 10px;
152
- gap: 10px;
159
+ padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
160
+ gap: var(--spacing-medium, 8px);
153
161
  overflow-x: auto;
154
162
 
155
163
  md-outlined-button {
156
164
  --md-outlined-button-container-height: 30px;
157
- --md-outlined-button-trailing-space: 15px;
158
- --md-outlined-button-leading-space: 15px;
165
+ --md-outlined-button-trailing-space: var(--spacing-medium, 8px);
166
+ --md-outlined-button-leading-space: var(--spacing-medium, 8px);
159
167
  --md-outlined-button-label-text-color: #586878;
168
+ --md-sys-color-outline: rgba(51,51,51,.20);
160
169
  box-shadow: 1px 1px 1px #0000001a;
161
- padding: 8px 16px;
170
+ padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
162
171
  font-weight: 700;
163
172
  }
164
173
  }