Firefox 75 একটি নিরর্থক পরিবর্তন আনলো - অ্যাড্রেস বার (urlbar) এখন ক্লিক করলে একটু "জুম ইন" করে, আশিকভাবে সারাউন্ডিং UI ढকে দেয়, যার মধ্যে আপনার পিন করা শর্টকাটগুলোও থাকে। এই জিনিস সম্পূর্ণ মোবাইলের মতো লাগে, এবং ডেস্কটপে সম্পূর্ণ ভুল। ফিলহাল, যেমন मैंने উপরের আর্টিকেলে দেখিয়েছিলাম, এই বকবক about:config সেটিংসের মাধ্যমে ফিরিয়ে আনা যায়।
কিন্তু Firefox 77 (nightly)-এ এই অপশনগুলো নেই, তাই আমাদের কিছু অন্য জিনিস দরকার। এই টিউটোরিয়ালে আমি দেখাবো কীভাবে আপনি পুরনো অ্যাড্রেস বার লুক অ্যান্ড ফিল পেতে পারেন, যাতে আপনি কম IQ-বলে পরিবর্তন থেকে প্রভাবিত না হন সনিবার আসলে। ঠিক যেমন আমি মনে করছিলাম Firefox মোবাইল টস-মি-এ-করোমোসোম গেমের ওপর উঠছে, এই ধরণের জিনিস আবার আসে। আমার সাথে চলুন।
আমরা এই বিরক্তিকর জুম-ইন অ্যাড্রেস বারের छুটकारা পেতে চাই।
আমরা কী করব?
আমরা একটি কাস্টম CSS স্টাইল তৈরি করব Firefox UI পুরনো মতো করার জন্য। মূলত, Firefox UI স্টাইল করা যায়, যেকোনো ওয়েব পেজের মতো। এটি করা হয় userChrome.css ফাইলে CSS ডিক্লেশন যোগ করে Firefox প্রোফাইল ফোল্ডারে।
আমি একজন পাইনিয়ার নই। এই গুরুত্বপূর্ণ প্রয়োজনীয়তা ইতিমধ্যে Mozilla সাপোর্ট সাইটে উত্তর দেওয়া হয়েছে। কিন্তু সেখানে কোড স্নিপেটটি কিছু অ্যাডজাস্টমেন্ট চায়, প্লাস আমি এটাকে এক্সট্রা সিম্পল এবং স্পষ্ট করতে চাই যেন ব্যবহারকারীরা বুঝতে পারে পুরনো লুক ফিরিয়ে আনতে কী করতে হবে।
userChrome.css ইনেবল করুন
প্রথমে, আমাদের Firefox-কে বলে দিতে হবে ইউজার-মেড CSS পরিবর্তনগুলো মেনে চলতে:
- Firefox 68 এবং নিচে, আপনাকে কিছু করতে হবে না।
- Firefox 69 এবং উপরে, about:config-এ যান, নিচের সেটিংটি খুঁজুন এবং false থেকে true-এ পরিবর্তন করুন:
toolkit.legacyUserProfileCustomizations.stylesheets
তারপর, আপনার Firefox প্রোফাইল ফোল্ডারে যান। Windows-এ সাধারণত:
C:\Users\"username"\AppData\Roaming\Mozilla\Firefox\"profile"
Linux-এ সাধারণত:
/home/"user"/.mozilla/firefox/"profile"
যদি উদাহরণ দরকার হয়, আমার Plasma & HD scaling আর্টিকেল বা Firefox pinned tabs গাইড দেখুন।
- এই ফোল্ডারে chrome নামে একটি ফোল্ডার তৈরি করুন (লোয়ারকেস)।
- chrome ফোল্ডারের ভিতরে userChrome.css নামে একটি খালি টেক্সট ফাইল তৈরি করুন (লোয়ার/আপারকেস মেনে চলুন)।
অ্যাড্রেস বার স্টাইল যোগ করুন
পরবর্তী ধাপ হলো userChrome.css ফাইলে কন্টেন্ট যোগ করা। নিচের টেক্সট কপি করুন - এটি সরাসরি উপরের সাপোর্ট থ্রেড থেকে। দ্রষ্টব্য, এটি পর্যাপ্ত নাও হতে পারে, কিন্তু আমি সবকিছু ধাপে ধাপে দেখাচ্ছি, যাতে আপনার আত্মবিশ্বাস বাড়ে ফাইল পরিবর্তন করতে।
@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#urlbar[breakout],
#urlbar[breakout][breakout-extend] {
--urlbar-height: 28px !important;
--urlbar-toolbar-height: 30px !important;
width: 100% !important;
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container,
#urlbar-input-container {
height: var(--urlbar-height) !important;
width: 100% !important;
padding-block: unset !important;
padding-inline: unset !important;
transition: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;
animation: none !important;
}
ফাইলটি সেভ করুন, Firefox রিস্টার্ট করুন।
ফলাফল, কিছুটা অফ
আমার টেস্ট দেখায় উপরের কোড স্নিপেট কিছুটা কম আদর্শ লেআউট দেয়। আপনি দেখতে পাচ্ছেন, অ্যাড্রেস বার "খুব উপরে" বসে - এটি ভার্টিক্যালি সেন্টারড নয়। টপ এবং বটম মার্জিন ভুল।
CSS, দ্বিতীয় পরিবর্তন
আমাদের CSS-এ ব্যবহৃত ডিফল্ট মানগুলো কিছুটা অ্যাডজাস্ট করতে হবে। এখানে, আমাদের urlbar height এবং toolbar height টুইক করতে হবে। টপ মার্জিন তখন ডেল্টার হাফ হিসেবে ক্যালকুলেট হবে। আপনি ম্যানুয়ালি টপ ভ্যালুও পরিবর্তন করতে পারেন।
#urlbar[breakout],
#urlbar[breakout][breakout-extend] {
--urlbar-height: 28px !important;
--urlbar-toolbar-height: 30px !important;
আমি কিছু ট্রায় অ্যান্ড এরর টেস্ট করলাম, এবং আমার জন্য toolbar height 38px কাজ করে:
#urlbar[breakout],
#urlbar[breakout][breakout-extend] {
--urlbar-height: 28px !important;
--urlbar-toolbar-height: 38px !important;
এবং আবার, টপ মার্জিন, ডিফল্ট ক্যালকুলেশন থেকে যেকোনো জিনিসে পরিবর্তন করতে পারেন:
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
উদাহরণস্বরূপ, এটি কিছু হতে পারে:
top: 5px !important;
!important ওভাররাইডের ব্যবহার, এহ, গুরুত্বপূর্ণ - যাতে Firefox ডিফল্ট সেটের বদলে এটি ব্যবহার করে।
ফাইনাল লুক, যেন হওয়া উচিত
আমরা আমাদের সানিটি, লজিক এবং বুদ্ধিমত্তা ফিরিয়ে পেলাম:
উপসংহার
এইভাবে কাজ শেষ। বছরের পর বছর, আমি বাধ্য হচ্ছি কাস্টম CSS বেশি বেশি ব্যবহার করতে নরম্যাল ব্রাউজার বিহেভিয়ার পেতে। এটি একটি চিন্তাজনক প্রবণতা। কিন্তু আমি অনুমান করি এটি অবিচ্ছেদ্য, কারণ 점점 বেশি কোম্পানি বেকার প্রোডাক্ট চর্চা করছে সবসময় বাড়তি সাব-১০০ IQ ভিড়ের জন্য। কোনো ফাংশনাল কারণ ছাড়াই। শুধু পরিবর্তনের জন্য পরিবর্তন। এবং প্রায়শই কিছু যseudo-মডার্ন জিনিস যা সাবধানভাবে প্রমাণিত এবং টেস্ট করা সমাধানগুলো বিনষ্ট করে।
আশা করি আপনি এই ছোট নিবন্ধটিকে মূল্যবান পাবেন। আপনি এটা Firefox 75-এ 당장 ব্যবহার করতে পারেন, অথবা Firefox 77 হিট করলে অপেক্ষা করে পরিবর্তন করতে পারেন - এবং এরপরে কনফিগ ওভাররাইড ব্যবহার করুন। এখনও, এই সব বকবকearen মাঝেও, কমপক্ষে টেকি-দের জন্য নরম্যাল, প্রোডাক্টিভ লেআউট ফিরিয়ে পাওয়ার একটি উপায় আছে। কিন্তু কে জানে ভবিষ্যত কী ধারণ করে। Firefox, দয়া করে অন্যদের মতো হোন না। বোলে যাবো। মিশন সম্পন্ন। আপনি যদি আমাকে ধন্যবাদ জানাতে চান, আমাকে विलাসিতাময় উপহার দিন এবং প্রশংসা পাঠান। পার্দা।
চিয়ার্স।
