החלפת מיקום כפתור השמירה בהגדרות הסינון

[מעמד]

@מעלה-ומוריד אמר בהחלפת מיקום כפתור השמירה בהגדרות הסינון:

@מעמד אם אתה מעוניין לסדר את זה לפחות אצלך
תכניס את הקוד הזה בתוסף של הCSS
אצלי זה מותאם, אני לא יודע במסכים אחרים איך ייראה, אתאים לך המקרה הצורך אי"ה

.btn-primary.pull-end {
    position: fixed;
    top: 3.5%;
    right: 23%;
    z-index: 9999 !important;
}

אם תוכל קצת להתאים את זה שיהיה באותו קו - זה יהיה מצוין ! (אבל זה לא חובה, זה רק בשביל המושלמות)

[מעלה ומוריד]

@מעמד זהו שאצלי זה נהדר

תשלח לי במייל פרטי התחברות ואתאים למסך שלך
אין לי ראש עכשיו לעשות משהו אוניברסלי

[אחד תם]

@מעלה-ומוריד אמר בהחלפת מיקום כפתור השמירה בהגדרות הסינון:

@מעמד אם אתה מעוניין לסדר את זה לפחות אצלך
תכניס את הקוד הזה בתוסף של הCSS
אצלי זה מותאם, אני לא יודע במסכים אחרים איך ייראה, אתאים לך המקרה הצורך אי"ה

.btn-primary.pull-end {
    position: fixed;
    top: 3.5%;
    right: 23%;
    z-index: 9999 !important;
}

בשביל בור כמוני
יש לי מה לעשות עם הקוד הזה אצלי בטאבלט?

[מעלה ומוריד]

@אחד-תם זה מיועד לגולשים בדפדפן שיכולים להשתמש בתוסף להזרקת CSS
לא מכיר את האופציות באנדרואיד

[מעמד]

@מעלה-ומוריד אמר בהחלפת מיקום כפתור השמירה בהגדרות הסינון:

תשלח לי במייל פרטי התחברות ואתאים למסך שלך

למה צריך פרטי התחברות ??

[אינו יודע לשאול]

@מעלה-ומוריד אמר בהחלפת מיקום כפתור השמירה בהגדרות הסינון:

@מעמד אם אתה מעוניין לסדר את זה לפחות אצלך
תכניס את הקוד הזה בתוסף של הCSS
אצלי זה מותאם, אני לא יודע במסכים אחרים איך ייראה, אתאים לך המקרה הצורך אי"ה
.btn-primary.pull-end {
position: fixed;
top: 3.5%;
right: 23%;
z-index: 9999 !important;
}

.page-heading {
    position: sticky;
    top: 60px;
    z-index: 1000;
}

זה יכול להיות עוד יותר טוב לדעתי
עריכה: שיניתי ל60 פיקסלים זה עוד יותר טוב

[אינו יודע לשאול]

@אינו-יודע-לשאול
זה לא צריך התאמות לפי גודל המסך וכו'

[אינו יודע לשאול]

@אינו-יודע-לשאול

[מעלה ומוריד]

@אינו-יודע-לשאול אמר בהחלפת מיקום כפתור השמירה בהגדרות הסינון:

עריכה: שיניתי ל60 פיקסלים זה עוד יותר טוב

לא עוד יותר טוב, פשוט אלו המידות

לגש"ע אצלי מסך קטן זה מפריע. כל אחד ועניינו

[מעמד]

@אינו-יודע-לשאול אמר בהחלפת מיקום כפתור השמירה בהגדרות הסינון:

@מעלה-ומוריד אמר בהחלפת מיקום כפתור השמירה בהגדרות הסינון:

@מעמד אם אתה מעוניין לסדר את זה לפחות אצלך

תכניס את הקוד הזה בתוסף של הCSS
אצלי זה מותאם, אני לא יודע במסכים אחרים איך ייראה, אתאים לך המקרה הצורך אי"ה
.btn-primary.pull-end {
position: fixed;
top: 3.5%;
right: 23%;
z-index: 9999 !important;
}

.page-heading {
    position: sticky;
    top: 60px;
    z-index: 1000;
}

זה יכול להיות עוד יותר טוב לדעתי
עריכה: שיניתי ל60 פיקסלים זה עוד יותר טוב

אני לא מבין מה עשית ?
הרעיון שלי היה לקבע את כפתור השמירה בשורה הקבועה שלא ייוצר מצב שבשביל לשמור הגדרות אני צריך לגלגל כלפי מעלה
אני לא צריך שיהיה גודל קטן יותר
אז מה אתה עשית ?

[אינו יודע לשאול]

@מעלה-ומוריד אתה צודק אבל אני משתמש בשתי מסכים גדול וקטן ולפעמים עם הפאנל בצד פתוח ולפעמים סגור לכן הפתרון שלך לא כל כך טוב לי אם תוכל להעביא קוד שיכניס את הכפתור בצורה יחסית לdiv של הכותרת העליונה זה יהיה מצויין לי (וזה הפתרון הכי טוב מצד נטפרי)

[אינו יודע לשאול]

@מעמד אני קיבעתי את השורה שבה הכפתור נמצא כיום

[מעלה ומוריד]

@מעמד הוא קיבע את כל הכותרת של הגדרות סינון

ערכתי את הקוד למעלה תראה אם תואם למסך שלך

[מעמד]

@מעלה-ומוריד אמר בהחלפת מיקום כפתור השמירה בהגדרות הסינון:

@מעמד הוא קיבע את כל הכותרת של הגדרות סינון

ערכתי את הקוד למעלה תראה אם תואם למסך שלך

מעולה !

[אינו יודע לשאול]

@מעלה-ומוריד
לי זה לא עזר

[מעלה ומוריד]

הנה עוד אפשרות, מקופיא
אוכל לדייק אותה יותר בפעם אחרת

#page-wrapper > div > div > app-filtering-setting > div.row.wrapper.border-bottom.white-bg.page-heading > div > h2 > button {
    position: fixed;
    top: 66px;
    left:  0;
    z-index: 9999 !important;
    border-radius: 0px 0px 5px;
    min-width: 50px;
    height: 45px;
    box-shadow: -3px 4px 10px 0 rgb(0 0 0 / 39%);
    font-size: 18px !important;
}

#page-wrapper > div > div > app-filtering-setting > div.row.wrapper.border-bottom.white-bg.page-heading > div > h2 > button:after {
content: 'הגדרות!'
}

[מעמד]

@מעלה-ומוריד אמר בהחלפת מיקום כפתור השמירה בהגדרות הסינון:

הנה עוד אפשרות, מקופיא
אוכל לדייק אותה יותר בפעם אחרת

.btn-primary.pull-end {
    position: fixed;
    bottom:  40px;
    left:  50px;
    z-index: 9999 !important;
    border-radius: 90px;
    width: 50px;
    height: 60px;
    box-shadow: -3px 4px 10px 0 rgb(0 0 0 / 39%);
    background: #247366 !important;
    font-size: 18px !important;
}

מה זה ?
תוספת כפתור למטה בנוסף ללמעלה ?

[מעמד]

הקוד הקודם יותר טוב ויותר מעוצב

[shraga]

@yzahn אמר בהחלפת מיקום כפתור השמירה בהגדרות הסינון:

בטח צריך לבנות איזה AI חכם כדי לפתור בעיה בסדר גודל כזה.

זה נאמר ברצינות?! או בציניות...

אני לא מתכנת אבל זה נראה לי משהו ממש פשוט לביצוע בשני צעדים:

1. לשנות את מיקום הכפתור למקום מודגש יותר שיראה גם בגלילת הדף(בheader או מיקום אחר - בדומה או כפי הcss ששיתף @מעלה-ומוריד).
2. @magicode להגדיר שתופיע הודעת אזהרה ביציאה מהדף על ידי שימוש בפונקציה הזו.

that's it...

[magicode]

הקוד שנכתב פה יכול לשבור דברים בהמשך. כי הסלקטור כללי מידי. ויכול לתפוס כפתורים אחרים.
גם שימוש במיקום קבוע זה שימוש לא נכון בעיצוב HTML. במיוחד באלמנט כזה.
אצל מתכנתים קוראים לזה לעשות פלסטר.
לעשות דברים אפשר לעשות הרבה. אבל לעשות בצורה מסודרת צריך בשביל זה שכל והשקעה.
דרך ארוכה שהיא קצרה.