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

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

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

עריכה: שיניתי ל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. במיוחד באלמנט כזה.
אצל מתכנתים קוראים לזה לעשות פלסטר.
לעשות דברים אפשר לעשות הרבה. אבל לעשות בצורה מסודרת צריך בשביל זה שכל והשקעה.
דרך ארוכה שהיא קצרה.

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

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

[אחד תם]

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

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

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

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

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

באמת סלקטור כללי מדי שעושה בעיות, ערכתי את זה.
מי שכבר הכניס שיראה להעתיק שוב את הקוד מלמעלה.

למעשה זה לא נכתב בשביל לתת לך עצות, זה נכתב בשביל מי שרוצה לתקן באופן מקומי

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

אבל באמת כמה מחשבה דרושה בעצם בשביל להכניס כפתור חדש במקום אחר רצוי בדף?

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

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

ואני הייתי בטוח שזה נאמר בציניות טהורה

זה באמת נאמר בציניות טהורה
@magicode לא מדבר על השקעה של פיתוח
אלא מחשבה איך לעשות נכון
ואת המחשבה הזו הוא משקיע יום יום שעה שעה בדברים חשובים פי 1000
וכנראה רק לכשיפנה (יקרה?) ישַנה

[yzahn]

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

[אחד תם]

@yzahn דוקא כאן החוק לא עבד

[מעמד]

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

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

למשל, בדיוק בפקודה הזו שכתבת היה לי בעיה מאתמול עד הערב (יום חמישי)
היה לי בעיה שנעלם לי כפתור השמירה בכלל ! גם מה שאתה הכנת !
פניתי למערכת הפניות וניסו לעזור לי בכל מיני דרכים ולא הלך פתאום התוסף איכשהו הפסיק לעבוד, ואז ראיתי את כפתור השמירה
רעננתי את התוסף, ושוב נעלם הכפתור. ואז תפסתי שאולי התוסף מעלים את הכפתור
כתבתי את זה למערכת הפניות והם ענו לי

אכן בוצע עידכון המשאיר את כפתור השמור תמיד למעלה, וכנראה שזה התנגש.

כך שהתוסף כבר כנראה לא נצרך. (שמאד נהנתי ממנו עד עכשיו)