SAE-A2-TruthInquiry/truthinquiry/static/css/admin_ui_npc.css
AudricV 0707dce218
[Client] Improve reaction images management on NPC admin page
- Fix HTML and improve style of the feature;
- Improve admin NPC's JavaScript and fix addition of a reaction image where
there is no one already present;
- Allow upload of images with image/jpg MIME type;
- Fix attribute name of a hidden input;
- Apply the hover effects of links and buttons on their focus, for all admin
pages.
2023-04-03 18:33:25 +02:00

57 lines
893 B
CSS

img[alt] {
font-size: 1em;
}
img[alt], .info_item, .section_title {
text-align: center;
}
input[type="text"] {
width: 20em;
}
option {
background-color: var(--admin-white-color);
color: var(--admin-black-color);
}
.action_buttons, .answer_groups, .reaction, #add_reactions {
flex-wrap: wrap;
}
.action_buttons, .answer_group, .answer_groups, .reaction, #add_reactions {
display: flex;
justify-content: center;
}
.answer_group, .reaction, #add_reactions {
align-items: center;
flex-direction: column;
}
.character_image, .reaction_image {
width: 20em;
}
.character_image, #npc_name {
margin-left: auto;
margin-right: auto;
}
.character_image, #npc_name {
display: block;
}
.info_item {
font-size: 1.25em;
}
.reaction, #add_reactions {
align-content: center;
}
.section_title {
font-size: 1.5em;
margin: 1em;
}