ফায়ারফক্স 75 একটি অর্থহীন পরিবর্তন নিয়ে এসেছে - ঠিকানা বার (urlbar) এখন ক্লিক করার সময় "জুম ইন" করে, আশেপাশের UI আংশিকভাবে অস্পষ্ট করে, যে কোনও শর্টকাট আপনি সেখানে পিন করে থাকতে পারেন। এই জিনিসটি সম্পূর্ণ মোবাইল মনে হয়, এবং ডেস্কটপে সম্পূর্ণ ভুল। আপাতত, আমি আপনাকে উপরের নিবন্ধে দেখিয়েছি, এই বাজে কথাটি অনেকগুলি about:config সেটিংসের মাধ্যমে ফিরিয়ে আনা যেতে পারে৷
কিন্তু ফায়ারফক্স 77 (রাত্রিকালীন), এই বিকল্পগুলি চলে গেছে, তাই আমাদের অন্য কিছু দরকার। এই টিউটোরিয়ালে, আমি আপনাকে দেখাব কিভাবে আপনি পুরানো অ্যাড্রেস বার দেখতে এবং অনুভব করতে পারেন, যাতে আপনি গুরুতর মুহুর্তে নিম্ন-আইকিউ পরিবর্তন দ্বারা প্রভাবিত হবেন না। ঠিক যেমন আমি ভেবেছিলাম ফায়ারফক্স মোবাইল টস-মি-এ-ক্রোমোজোম গেমের উপরে উঠছে, এই ধরনের জিনিস চারপাশে আসে। আমাকে অনুসরণ করুন।
আমরা এই বিরক্তিকর জুম-ইন অ্যাড্রেস বার থেকে পরিত্রাণ পেতে চাই৷
৷আমরা কি করতে যাচ্ছি?
Firefox UI কে আগের মত দেখাতে আমরা একটি কাস্টম CSS শৈলী তৈরি করব। মোটকথা, ফায়ারফক্স UI যেকোন ওয়েব পেজের মতই স্টাইল করা যেতে পারে। Firefox প্রোফাইল ফোল্ডারে userChrome.css ফাইলে CSS ঘোষণা যোগ করার মাধ্যমে এটি করা হয়।
এখন, আমি অগ্রগামী নই। এই গুরুত্বপূর্ণ প্রয়োজনটি ইতিমধ্যেই মোজিলা সমর্থন সাইটে উত্তর দেওয়া হয়েছে৷ কিন্তু কোডের স্নিপেটে কিছু সামঞ্জস্য করা দরকার, এছাড়াও আমি এটিকে অতিরিক্ত সহজ করতে চাই এবং পুরানো চেহারা ফিরে পেতে ব্যবহারকারীদের কী করতে হবে তা পরিষ্কার করতে চাই৷
userChrome.css সক্ষম করুন
প্রথমত, ব্যবহারকারীর তৈরি CSS পরিবর্তনগুলিকে সম্মান করার জন্য আমাদের Firefox কে "বলতে হবে":
- Firefox 68 এবং তার নিচে, আপনাকে কিছু করতে হবে না।
- Firefox 69 এবং তার উপরে, about:config-এ যান, নিম্নলিখিত সেটিং খুঁজুন এবং এটি মিথ্যা থেকে সত্যে পরিবর্তন করুন:
toolkit.legacyUserProfileCustomizations.stylesheets
তারপর, আপনার ফায়ারফক্স প্রোফাইল ফোল্ডারে যান। উইন্ডোজে, সাধারণত:
C:\Users\"username"\AppData\Roaming\Mozilla\Firefox\"প্রোফাইল"
এবং লিনাক্সে, সাধারণত:
/home/"user"/.mozilla/firefox/"প্রোফাইল"
আপনার যদি কোন উদাহরণের প্রয়োজন হয়, আমার প্লাজমা এবং এইচডি স্কেলিং নিবন্ধ বা ফায়ারফক্স পিন করা ট্যাব গাইড দেখুন৷
- এই ফোল্ডারে, chrome (ছোট হাতের অক্ষর) নামে একটি ফোল্ডার তৈরি করুন।
- ক্রোম ফোল্ডারের ভিতরে, userChrome.css নামে একটি খালি টেক্সট ফাইল তৈরি করুন (লোয়ার/অপারকেস মনে রাখবেন)।
অ্যাড্রেস বার স্টাইল যোগ করুন
পরবর্তী ধাপ হল userChrome.css ফাইলে কন্টেন্ট যোগ করা। নিম্নলিখিত পাঠ্যটি অনুলিপি করুন - এটি সরাসরি উপরের সমর্থন থ্রেড থেকে আসে। অনুগ্রহ করে মনে রাখবেন যে এটি যথেষ্ট নাও হতে পারে, তবে আমি আপনাকে ধাপে ধাপে সবকিছু দেখাতে চাই, যাতে আপনার প্রয়োজন হলে ফাইলটি পরিবর্তন করার বিষয়ে আপনার আরও আত্মবিশ্বাস থাকে।
@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* শুধুমাত্র একবার প্রয়োজন */
#urlbar[breakout],
#urlbar[breakout][breakout-extend] {
--urlbar-height:28px !গুরুত্বপূর্ণ;
--urlbar-toolbar-height:30px !গুরুত্বপূর্ণ;
প্রস্থ:100% !গুরুত্বপূর্ণ;
শীর্ষ:calc((var(--urlbar-toolbar-height) - var(--urlbar-উচ্চতা)) / 2) !গুরুত্বপূর্ণ;
বাকি:0 !গুরুত্বপূর্ণ;
}
#urlbar[breakout][breakout-extend]> #urlbar-input-container,
#urlbar-input-container {
উচ্চতা:var( --urlbar-উচ্চতা) !গুরুত্বপূর্ণ;
প্রস্থ:100% !গুরুত্বপূর্ণ;
প্যাডিং-ব্লক:আনসেট ! গুরুত্বপূর্ণ;
প্যাডিং-ইনলাইন:আনসেট ! গুরুত্বপূর্ণ;
রূপান্তর:কিছুই নয় !গুরুত্বপূর্ণ;
}
#urlbar[breakout][breakout-extend]> #urlbar-ব্যাকগ্রাউন্ড {
বক্স-ছায়া:0 1px 4px rgba(0,0,0,.05 ) !গুরুত্বপূর্ণ;
অ্যানিমেশন:কিছুই নয় !গুরুত্বপূর্ণ;
}
ফাইল সংরক্ষণ করুন, ফায়ারফক্স পুনরায় চালু করুন।
ফলাফল, সামান্য বন্ধ
আমার পরীক্ষা দেখায় যে কোডের উপরের স্নিপেটটি আদর্শ লেআউটের চেয়ে সামান্য কম দেয়। আপনি দেখতে পাচ্ছেন, ঠিকানা বারটি "খুব বেশি" বসে - এটি উল্লম্বভাবে কেন্দ্রীভূত নয়। উপরের এবং নীচের মার্জিনগুলি ভুল৷
৷
CSS, দ্বিতীয় পরিবর্তন
আমাদের যা করতে হবে তা হল আমাদের যোগ করা CSS-এ ব্যবহৃত ডিফল্ট মানগুলিকে সামান্য সামঞ্জস্য করা। যথা, আমাদের urlbar উচ্চতা এবং টুলবারের উচ্চতা পরিবর্তন করতে হবে। উপরের মার্জিনটি তখন এই দুটি মানের মধ্যে অর্ধেক পার্থক্য (ডেল্টা) হিসাবে গণনা করা হয়। আপনি নিজেও শীর্ষ মান পরিবর্তন করতে পারেন।
#urlbar[ব্রেকআউট],
#urlbar[breakout][breakout-extend] {
--urlbar-উচ্চতা:28px !গুরুত্বপূর্ণ;
--urlbar-toolbar-height:30px !গুরুত্বপূর্ণ;
আমি কিছু ট্রায়াল এবং ত্রুটি পরীক্ষা করেছি, এবং আমার জন্য টুলবারের উচ্চতা 38px কাজটি করে:
#urlbar[ব্রেকআউট],
#urlbar[breakout][breakout-extend] {
--urlbar-উচ্চতা:28px !গুরুত্বপূর্ণ;
--urlbar-toolbar-height:38px !গুরুত্বপূর্ণ;
এবং আবার, শীর্ষ মার্জিন, আপনি ডিফল্ট গণনা থেকে আপনার পছন্দ মতো যেকোনো কিছুতে পরিবর্তন করতে পারেন:
শীর্ষ:calc((var(--urlbar-toolbar-height) - var(--urlbar-উচ্চতা)) / 2) !গুরুত্বপূর্ণ;
উদাহরণস্বরূপ, এটি এরকম কিছু হতে পারে:
শীর্ষ:5px !গুরুত্বপূর্ণ;
!গুরুত্বপূর্ণ ওভাররাইডের ব্যবহার, ইহ, গুরুত্বপূর্ণ - যাতে ফায়ারফক্স এটি ব্যবহার করে এবং এটির ডিফল্ট সেট নয়৷
চূড়ান্ত দেখায়, যেমনটি হওয়া উচিত
এবং আমাদের বিচক্ষণতা এবং যুক্তি এবং বুদ্ধি ফিরে এসেছে:
উপসংহার
এবং আমরা সেখানে যাই. কাজ সম্পন্ন. বছরের পর বছর ধরে, সাধারণ ব্রাউজার আচরণ পেতে আমি কাস্টম CSS ব্যবহার করতে বাধ্য হয়েছি। এটি একটি উদ্বেগজনক প্রবণতা। কিন্তু আমি একটি অনিবার্য অনুমান করি, কারণ আরও বেশি কোম্পানি ক্রমবর্ধমান সাব-100IQ ভিড়ের জন্য অকেজো পণ্য মন্থন করছে। এবং কোন ভাল কার্যকরী কারণ যাইহোক জন্য. শুধু এটার জন্য পরিবর্তন. এবং প্রায়শই ছদ্ম-আধুনিক কিছু যা সম্পূর্ণরূপে গ্রহণযোগ্য এবং বৈজ্ঞানিকভাবে প্রমাণিত এবং পরীক্ষিত সমাধানগুলিকে নষ্ট করে দেয়৷
আমি আশা করি আপনি এই ছোট নিবন্ধটি মূল্যবান বলে মনে করেন। আপনি এখনই এটি ফায়ারফক্স 75-এ ব্যবহার করতে পারেন, অথবা ফায়ারফক্স 77 এয়ারওয়েভে না আসা পর্যন্ত অপেক্ষা করুন এবং তারপর পরিবর্তন করুন - এবং এর মধ্যে কনফিগার ওভাররাইড ব্যবহার করুন। তবুও, এই সমস্ত বাজে কথা সত্ত্বেও, অন্তত প্রযুক্তিবিদদের জন্য তাদের প্রয়োজনীয় স্বাভাবিক, উত্পাদনশীল বিন্যাসটি ফিরে পাওয়ার একটি উপায় রয়েছে। কিন্তু ভবিষ্যৎ কি আছে কে জানে। ফায়ারফক্স, দয়া করে বাকিদের মতো হবেন না। ওয়েল আপনি যান. কার্যোদ্ধার. আপনি যদি আমাকে ধন্যবাদ জানাতে চান, আমাকে অসাধারন উপহার কিনুন এবং আমাকে প্রশংসা পাঠান। পর্দা।
চিয়ার্স।
