ahmadsamir10
commented
1 year ago You need to override the parler_admin.css file
1- create a new CSS file to override the built-in one static/parler/admin/parler_admin.css
2- add the CSS code below in it
`.parler-language-tabs { / border-bottom: 2px solid #343A40; / height: 40px; width: 70%; / display: block; / margin-left: 10px; }
.parler-language-tabs a { font-weight: bold; color: #000000 !important; }
.parler-language-tabs span { display: inline-block; padding: 5px 15px; border: 1px solid #ccc; border-bottom: none; position: relative; left: 0; top: 1px; font-weight: bold; }
.parler-language-tabs span.available, .parler-language-tabs span.current, .parler-language-tabs span.empty { border-radius: 6px 6px 0 0; color: #343A40;
}
.parler-language-tabs span.available { border-color: #C4DCE8; } .parler-language-tabs span.current { border-bottom: 1px solid #fff; background-color: #343A40; border-color: #343A40; color: #fff; } .parler-language-tabs span.empty { opacity: 0.7; font-weight: normal; } .parler-language-tabs a.deletelink { right: -17px; bottom: 4px; position: relative; }
.parler-inline-language-tabs + .inline-group { margin-top: 0; }
.language-buttons { font-size: smaller; }
.language-buttons a { background-color: #eee; border: 1px solid #eee; / much nicer visually then padding / border-radius: 3px; padding: 0 2px; }
.language-buttons.all-languages a.active { / Only for all_languages_column, highlight the active buttons / background-color: #343A40; border: 1px solid #343A40; color: #fff; }
.language-buttons a.untranslated { / Un all_languages_column, lower emphasis of untranslated / background-color: transparent; border-color: transparent; color: #999; }`
when I register my model in the administrator using TranslatableAdmin the saving options are at the end and the language tabs are misplaced