Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Verified Commit 01b559f6 authored by Nicolas Gelot's avatar Nicolas Gelot
Browse files

fix(contacts): align detail inputs with Murena field styling

Load a Contacts-specific stylesheet in the helper, restore left padding in the details pane and override the readonly state so contact fields keep the same border, radius and spacing as editable inputs.
parent 86905c8c
Loading
Loading
Loading
Loading
+3 −0
Original line number Diff line number Diff line
@@ -39,6 +39,9 @@ class BeforeTemplateRenderedListener implements IEventListener {
		if (strpos($pathInfo, '/apps/activity') !== false) {
			$this->util->addStyle($this->appName, 'activity');
		}
		if (strpos($pathInfo, '/apps/contacts') !== false) {
			$this->util->addStyle($this->appName, 'contacts');
		}
		if (strpos($pathInfo, '/apps/cookbook') !== false) {
			$this->util->addStyle($this->appName, 'cookbook');
		}

scss/contacts.scss

0 → 100644
+12 −0
Original line number Diff line number Diff line
.contact-details .input-field__input,
.contact-details-wrapper .input-field__input {
	padding-inline-start: 12px !important;
}

.contact-details .property__value input[readonly].input-field__input,
.contact-details-wrapper .property__value input[readonly].input-field__input {
	padding: 7px 14px !important;
	border: 1px solid var(--color-border-dark) !important;
	border-radius: var(--border-radius) !important;
	background-color: var(--color-main-background) !important;
}