mashlib 2.1.4-test.5 → 2.1.4

package/dist/mash.css

@@ -233,6 +233,10 @@
 /* ProfileView.css */
 /* Uses utilities: .section-bg, .text-center */
 
+.profileSection {
+  
+}
+
 /* Horizontal layout for cards */
 .profile-grid .profileSection {
   width: 100%;
@@ -244,7 +248,7 @@
 }
 
 @media (min-width: 900px) {
-  .profile-grid .profileSection {
+  .profileSection {
     margin-bottom: 0;
   }
 }
@@ -689,20 +693,6 @@
   background-color: transparent;
 }
 
-/* this overrides a style coming from contacts-pane*/
-.profile-form .individualPane {
-  box-shadow: none !important;
-}
-
-/* Vertically center autocomplete input in .formFieldValue */
-.profile-form .formFieldValue > div[style*="flex-direction: row"] {
-  align-items: center;
-  display: flex;
-}
-
-.profile-form .formFieldValue input[data-testid="autocomplete-input"] {
-  vertical-align: middle;
-}
 /* Solid-UI form sizing fixes scoped to Edit CV section */
 .profile-form .hoverControl:not(:has(> img:first-child)) {
   border: 0.1em solid rgb(136, 136, 136) !important;
@@ -714,8 +704,6 @@
   margin: 0 !important;
   border-radius: 0 !important;
   padding: 0.7em !important;
-  min-height: var(--min-touch-target);
-  min-width: var(--min-touch-target);
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -759,8 +747,7 @@
 }
 
 .profile-form button {
-  min-height: var(--min-touch-target);
-  min-width: var(--min-touch-target);
+
 }
 
 .profile-form input:not([type="color"]),
@@ -769,32 +756,8 @@
   max-width: 100%;
   min-width: 0;
   box-sizing: border-box ;
-  font: inherit;
-  color: var(--color-text);
-  background-color: var(--color-card-bg) !important;
-  border: 1px solid var(--color-border-pale);
-}
-
-.profile-form textarea {
-  border-color: var(--color-border-pale) !important;
-}
-
-.profile-form input[type="date"],
-.profile-form input[type="month"],
-.profile-form input[type="week"],
-.profile-form input[type="time"],
-.profile-form input[type="datetime-local"] {
-  min-height: var(--min-touch-target);
-}
-
-.profile-form .hoverControl:has(> img:first-child):focus-visible,
-.profile-form button:focus-visible,
-.profile-form input:not([type="color"]):focus-visible,
-.profile-form textarea:focus-visible,
-.profile-form select:focus-visible {
-  outline: var(--focus-ring-width) solid var(--color-primary) !important;
-  outline-offset: 2px;
-  box-shadow: 0 0 0 1px var(--color-background);
+  background-color: #eef !important;
+  border: .05em solid #88c
 }
 
 .profile-form input[type="url"] {
@@ -813,11 +776,6 @@
 
 .profile-form .formFieldValue td {
   padding: 0 !important;
-  vertical-align: middle;
-}
-
-.profile-form .formFieldValue table[data-testid="autocomplete-table"] {
-  height: 100%;
 }
 
 .profile-form .formFieldValue input:not([type="color"]),
@@ -835,9 +793,9 @@
   margin-right: 0 !important;
 }
 
-.profile-form .formFieldValue span select {
-  margin-left: 0 !important;
-  margin-right: 0 !important;
+.profile-form span select {
+  max-width: 96% !important;
+  box-sizing: border-box;
 }
 
 /* Remove border/padding from the first wrapper div (and its first child wrapper). */
@@ -860,59 +818,6 @@ section[aria-labelledby="edit-profile-contact-heading"] .profile-form > div:firs
 }
 
 /* Align schema.org, solid terms, FOAF, vCard, and org field labels with their input values. */
-.profile-form :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) {
-  display: flex;
-  margin-bottom: var(--spacing-sm);
-}
-
-/* for the Resume inside corporation choice */
-/* Add space between classifierBox label and select box */
-.profile-form .choiceBox .classifierBox-label {
-  /* Optional: ensure label doesn't have extra margin */
-  margin-right: 0;
-  padding-left: 0.3em;
-}
-.profile-form .choiceBox .choiceBox-selectBox select {
-  margin-left: 2.1em !important;
-}
-
-/* for the Resume orga details */
-/* Add space between classifierBox label and select box */
-.profile-form .classifierBox .classifierBox-label {
-  /* Match .formFieldName for alignment */
-  margin-right: 0;
-  padding-left: 0.3em;
-  width: 8em;
-  padding: 0.3em;
-  vertical-align: middle;
-}
-.profile-form .classifierBox .classifierBox-selectBox {
-  margin-left: 0 !important;
-}
-
-.profile-form .classifierBox .classifierBox-selectBox select {
-  margin-left: 0 !important;
-}
-
-.profile-form .formFieldValue > span > select {
-  margin-left: 0 !important;
-}
-
-/* for the social media */
-/* Add space between classifierBox label and select box */
-section[data-testid="edit-social-section"] .classifierBox-label {
-  /* Optional: ensure label doesn't have extra margin */
-  margin-right: 0;
-  padding-left: 0.3em;
-}
-section[data-testid="edit-social-section"] .classifierBox-selectBox select {
-  margin-left: 0.7em !important;
-}
-
-.profile-form :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue {
-  margin-bottom: 0;
-}
-
 .profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),
 .profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),
 .profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),
@@ -931,19 +836,9 @@ section[data-testid="edit-social-section"] .classifierBox-selectBox select {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;
-  flex: 1;
-  min-width: 0;
 }
 
-.profile-form textarea,
-.profile-form .formFieldValue textarea {
-  appearance: none;
-  -webkit-appearance: none;
-  border: .05em solid #88c !important;
-  border-style: solid !important;
-  border-width: .05em !important;
-  border-color: #88c !important;
-  border-radius: 0.2em !important;
+.profile-form textarea {
   width: 100%;
   box-sizing: border-box;
   margin-top: var(--spacing-xs);
@@ -962,30 +857,7 @@ section[data-testid="edit-social-section"] .classifierBox-selectBox select {
 }
 
 .profile-form div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a) {
-  padding-left: var(--spacing-xs);
-  padding-top: var(--spacing-sm);
-}
-
-/* Keep autocomplete/table-based fields (e.g. Occupation) aligned to label text baseline. */
-.profile-form :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) {
-  align-items: flex-start;
-}
-
-.profile-form :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName {
-  padding-top: 0.55em !important;
-}
-
-.profile-form .formFieldValue:has(input[data-testid="autocomplete-input"]) {
-  align-self: flex-start;
-}
-
-.profile-form .formFieldValue table[data-testid="autocomplete-table"],
-.profile-form .formFieldValue input[data-testid="autocomplete-input"] {
-  margin: 0 !important;
-}
-
-.profile-form .formFieldValue table[data-testid="autocomplete-table"] {
-  vertical-align: baseline;
+  padding-top: var(--spacing-xs);
 }
 
 .profile-form input:not([type="color"]) {
@@ -994,17 +866,14 @@ section[data-testid="edit-social-section"] .classifierBox-selectBox select {
   margin-right: 0 !important;
 }
 
-.profile-form input:disabled,
-.profile-form textarea:disabled,
-.profile-form select:disabled,
-.profile-form input[readonly],
-.profile-form textarea[readonly],
-.profile-form input:read-only,
-.profile-form textarea:read-only {
-  background-color: var(--color-background) !important;
-  cursor: not-allowed;
-  opacity: 0.75;
-  border: 0.05em solid white !important;
+/* Remove padding from table cells within webidControl */
+.webidControl table td {
+  padding: 0 !important;
+}
+
+/* Remove padding from contactPane divs inside webidControl table cells */
+.webidControl table td div.contactPane.namedPane.fullWidth.individualPane {
+  padding: 0 !important;
 }
 
 .webidControl table td div.contactPane.namedPane {