@pmidc/upyog-css 1.1.2 → 1.1.4

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pmidc/upyog-css",
3
- "version": "1.1.2",
3
+ "version": "1.1.4",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "engines": {
package/src/index.scss CHANGED
@@ -883,6 +883,12 @@ input[type="number"] {
883
883
  .timeline-hoc-container .checkpoint header,
884
884
  .timeline-hoc-container .checkpoint-done header {
885
885
  flex: 1;
886
+ background: #ccffcc;
887
+ padding: 4px 8px;
888
+ }
889
+
890
+ .timeline-hoc-container .checkpoint-connect-wrap {
891
+ padding: 0px;
886
892
  }
887
893
 
888
894
  .timeline-card {
@@ -891,8 +897,8 @@ input[type="number"] {
891
897
  border-radius: 8px;
892
898
  padding: clamp(12px, 3vw, 20px);
893
899
  margin: 10px 0;
894
- background: #fff;
895
- font-family: "Segoe UI", sans-serif;
900
+ background: #ccffcc;
901
+ font-family: "verdana";
896
902
  }
897
903
 
898
904
  .timeline-header {
@@ -912,15 +918,15 @@ input[type="number"] {
912
918
  }
913
919
 
914
920
  .timeline-label {
915
- font-weight: 500;
916
921
  color: #0d43a7 !important;
917
- font-size: clamp(12px, 2vw, 14px);
922
+ font-size: 10px;
923
+ font-weight: 600;
918
924
  }
919
925
 
920
926
  .timeline-value {
921
927
  color: #0d43a7 !important;
922
- font-weight: 400;
923
- font-size: clamp(12px, 2vw, 14px);
928
+ font-weight: 800;
929
+ font-size: 12px;
924
930
  }
925
931
 
926
932
  .timeline-note {
@@ -931,10 +937,11 @@ input[type="number"] {
931
937
  border: 1px solid #ccc;
932
938
  border-radius: 6px;
933
939
  padding: 10px;
934
- font-size: clamp(12px, 2vw, 14px);
935
940
  min-height: 40px;
936
- background: #f9f9f9;
937
941
  word-break: break-word;
942
+ font-size: 10px;
943
+ font-weight: 800;
944
+ background: #ccffcc;
938
945
  }
939
946
 
940
947
  .timeline-docs {
@@ -967,3 +974,48 @@ input[type="number"] {
967
974
  overflow: hidden;
968
975
  }
969
976
  }
977
+
978
+ /* Application Timeline Styles */
979
+ .timeline-header-wrapper {
980
+ display: flex;
981
+ align-items: center;
982
+ margin: 20px 8px;
983
+ gap: 16px;
984
+ }
985
+
986
+ .download-button {
987
+ cursor: pointer;
988
+ font-size: 16px;
989
+ font-weight: 500;
990
+ padding: 5px;
991
+ color: #0d43a7;
992
+ border: 1px solid #0d43a7;
993
+ border-radius: 4px;
994
+ transition: all 0.2s ease-in-out;
995
+ display: inline-block;
996
+
997
+ &:hover {
998
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
999
+ }
1000
+ }
1001
+
1002
+ .timeline-docs-wrapper {
1003
+ margin-top: 10px;
1004
+ display: flex;
1005
+ flex-wrap: wrap;
1006
+ gap: 10px;
1007
+ }
1008
+
1009
+ .timeline-doc-link {
1010
+ min-width: 100px;
1011
+ }
1012
+
1013
+ .timeline-doc-icon {
1014
+ background: #f6f6f6;
1015
+ padding: 8px;
1016
+ }
1017
+
1018
+ .timeline-subheader {
1019
+ font-size: 22px !important;
1020
+ font-weight: 500 !important;
1021
+ }