عمل رائع يا روبرت @merefield 
قبل:
وبعد:
وأيضًا قبل:
وبعد:
ممتاز - شكرًا لك 
إعجاب واحد (1)
عظيم جدًا، شكرًا جزيلاً لك @merefield 
انظر هنا، إنه مثالي الآن. لقطة شاشة لإصدار سطح المكتب:
لقد اخترت تقسيمه إلى سطر جديد. بالنسبة للهاتف المحمول، قمت بتعديل الهوامش وحجم الخط قليلاً.
إعجابَين (2)
لاحظت للتو أنه يكسر التخطيط قليلاً عندما تكون هناك مشاركات غير مقروءة - حتى لو لم يكن هناك موقع:
@merefield هل من الممكن عرض <span> class="location-after-title"></span> فقط إذا كان هناك موقع؟
أو الأفضل من ذلك، وضع <span class="location-after-title"></span> بعد <span class="topic-post-badges">...</span> الذي ينتج الفقاعات ويظهرها فقط عندما يكون هناك موقع؟
إعجاب واحد (1)
يبدو هذا تحسيناً معقولاً. مرحبًا بطلب السحب (PR) في الوقت الحالي حتى أتمكن من معالجته.
إعجاب واحد (1)
حسنًا، تم التنفيذ:
3 إعجابات
@merefield يا رائع شكراً جزيلاً! لقد قمت للتو بتحديث وتراجع تغييرات CSS. يبدو جيدًا حتى الآن. دعنا نرى كيف سيبدو عندما تكون هناك مشاركات غير مقروءة. سأبقيك على اطلاع. 
إعجابَين (2)
لذلك حققت هذا باستخدام مكون سمة.
لسوء الحظ، سيتعين إضافة هذا حاليًا إلى “السمة المظلمة” المخصصة الخاصة بك ولن يتم التبديل تلقائيًا مع “الوضع المظلم” للمستخدم.
ومع ذلك، فهو تقدم مفيد للبناء عليه:
:root {
--map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
}
.locations-map {
.leaflet-tile-pane {
filter:var(--map-tiles-filter, none);
}
.leaflet-marker-shadow {
display: none;
}
}
3 إعجابات
لا مشكلة، سأحاول جعل هذا سلوكًا أصليًا بمجرد أن تتوفر لديّ إمكانية التبديل إلى الوضع المظلم.
3 إعجابات
@merefield شكراً لك على التحقيق في هذا الأمر! نهج رائع!
أرى. لذا في هذه المرحلة لا يمكنني استخدامه. لدي سمة واحدة ولونان (فاتح وداكن) وأستخدم المفتاح للتبديل بين الفاتح والداكن.
ولكن كما كتبت، أريد أن تكون لدي إمكانية التبديل. أتطلع إلى ذلك.
ماذا عن البحث الجغرافي للعثور على أعضاء في نفس البلدة / المدينة؟
سيكون مثاليًا في علامة تبويب المستخدمين!
فكرة لطيفة ولكنها مخففة إلى حد ما بخريطة المستخدمين التي يمكنك التكبير عليها.
إعجابَين (2)
أتفق، أعضاؤنا فقط يفتحون الخريطة ويتصفحون المنطقة التي يعيشون فيها لمعرفة من آخر حولهم 
إعجابَين (2)
مرحباً روبرت،
هذه فكرة رائعة! أحببتها. 
أعتقد أنه يمكنك تحقيق ذلك باستخدام dark-light-choose() مخصص في color_definitions.scss.
$dark-theme-map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
$light-theme-map-tiles-filter: none;
$dark-theme-map-marker-shadow-display: none;
$light-theme-map-marker-shadow-display: block;
$map-tiles-filter: dark-light-choose($light-theme-map-tiles-filter, $dark-theme-map-tiles-filter);
$map-marker-shadow-display: dark-light-choose($light-theme-map-marker-shadow-display, $dark-theme-map-marker-shadow-display);
:root {
--map-tiles-filter: #{$map-tiles-filter};
--map-marker-shadow-display: #{$map-marker-shadow-display};
}
وبعد ذلك يمكنك إضافته إلى locations.scss أو في مكان آخر…
.locations-map {
.leaflet-tile-pane {
filter: var(--map-tiles-filter);
}
.leaflet-marker-shadow {
display: var(--map-marker-shadow-display);
}
}
4 إعجابات
شكرا لك @Don على نهج مختلف، سأجربه
إعجابَين (2)
شكراً لك، هذا رائع جداً.
لقد اختبرته للتو وهو يعمل! لقد حاولت أيضاً تحقيق ذلك باستخدام color_definitions.scss قبل أيام قليلة ولكنني تعثرت دائماً في بناء الجملة بطريقة ما…
إعجاب واحد (1)
مرحباً
أنا متفاجئ بعد التحديث الأخير :-/
هل من الممكن إضافة خيار لعدم عرض الموقع / العنوان الذي يلي عنوان الموضوع؟
شكراً جزيلاً على هذا المكون الإضافي!
إعجاب واحد (1)
كانت هذه هي نقطة الطلب والتغيير اللاحق. إنها الآن Span حتى تتمكن من استخدام CSS لفعل ما تريد بها
لم يكن ذلك ممكنًا من قبل.
يمكنك استهداف span الموقع وإضافة display: block;
قد يؤدي ذلك إلى نقله إلى السطر التالي.
إذا كنت بحاجة إلى شخص لمساعدتك في التصميم، فهل لي أن أقترح #marketplace؟
إعجاب واحد (1)
هل هناك أي أمثلة حول كيفية القيام بذلك بالضبط يا روبرت @merefield؟ 
أنا متأكد من أن هذه مهمة يمكن لشخص ما في المجتمع أن يتولاها؟ إذا اتبعت تعليماتي، فيجب أن تعمل.