Zadania 1, 2, 9

2026-08-18 15:33:53 +02:00
parent 571ec05d76
commit c52bbabec0
8 changed files with 441 additions and 27 deletions
@@ -30493,3 +30493,124 @@ a.listing-detail-back {
  margin: 0;
  padding: 10px 12px;
 }
+
+/* Wlasne ogloszenie: narzedzia przeznaczone dla innych uzytkownikow sa wylaczone i opisane w karcie */
+.listing-detail-owner-note {
+  align-items: flex-start;
+  background: #f6fbf8;
+  border: 1px solid #cfe8d8;
+  border-radius: 10px;
+  color: #17653e;
+  display: flex;
+  font-size: 13px;
+  font-weight: 700;
+  gap: 8px;
+  line-height: 1.45;
+  margin: 0;
+  padding: 10px 12px;
+}
+
+.listing-detail-owner-note svg {
+  flex-shrink: 0;
+  height: 16px;
+  margin-top: 1px;
+  width: 16px;
+}
+
+.listing-detail-primary:disabled,
+.listing-detail-secondary:disabled,
+.listing-detail-fav:disabled,
+.listing-detail-alert:disabled,
+.listing-detail-report-btn:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+
+.listing-detail-primary:disabled:hover {
+  background: #129357;
+}
+
+.listing-detail-report-btn:disabled:hover {
+  background: #ffffff;
+}
+
+/* Przyblizona lokalizacja: zamiast pinezki mapa rysuje obszar, w ktorym znajduje sie nieruchomosc */
+.map-area-circle {
+  background: rgba(18, 167, 100, 0.22);
+  border: 2px solid rgba(18, 167, 100, 0.85);
+  border-radius: 50%;
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, -50%);
+  z-index: 2;
+}
+
+/* Krok lokalizacji w dodawaniu ogloszenia: zgoda na publikowanie samej okolicy */
+.add-location-privacy {
+  align-items: flex-start;
+  background: #f6fbf8;
+  border: 1px solid #cfe8d8;
+  border-radius: 10px;
+  cursor: pointer;
+  display: flex;
+  gap: 10px;
+  margin-bottom: 16px;
+  padding: 12px 14px;
+}
+
+.add-location-privacy input {
+  accent-color: #12a764;
+  flex-shrink: 0;
+  height: 18px;
+  margin-top: 1px;
+  width: 18px;
+}
+
+.add-location-privacy span {
+  display: grid;
+  gap: 4px;
+}
+
+.add-location-privacy strong {
+  color: #14223a;
+  font-size: 13px;
+  font-weight: 800;
+}
+
+.add-location-privacy small {
+  color: #5b6b82;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+/* Telefon w ogloszeniu: prefiks kraju obok numeru krajowego */
+.add-phone-row {
+  display: flex;
+  gap: 8px;
+}
+
+.add-phone-row select {
+  flex: 0 0 auto;
+  max-width: 152px;
+  padding-left: 10px;
+  padding-right: 6px;
+}
+
+.add-phone-row input {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+/* Komunikat bledu jest zwyklym wierszem pod polem - w odroznieniu od podpowiedzi
+   (.add-field > small), ktore sa pozycjonowane absolutnie wewnatrz pola. */
+.add-field > small.add-field-error {
+  bottom: auto;
+  color: #d5493c;
+  display: block;
+  font-size: 12px;
+  font-weight: 800;
+  line-height: 1.4;
+  position: static;
+  right: auto;
+}