UX: Выделим Опрос (css)

This commit is contained in:
Evg 2023-04-25 14:03:09 +03:00
parent a9ad2cf49e
commit 0ad2f75a8a
3 changed files with 15 additions and 24 deletions

File diff suppressed because one or more lines are too long

View file

@ -4,8 +4,8 @@
?>
<?php if ($poll['question']) : ?>
<div class="content-body">
<h2 class="title">
<div class="poll">
<h2 class="title mb10">
<?= $poll['question']['poll_title']; ?>
<?php if (UserData::checkAdmin()) : ?>
<sup><a href="<?= url('content.edit', ['type' => 'poll', 'id' => $poll['question']['poll_id']]) ?>">
@ -68,7 +68,7 @@
</div>
<div class="poll-result">
<div class="poll-label"><?= $value['answer_title']; ?>
<?php if ($poll['isVote']['vote_answer_id'] == $value['answer_id']) : ?>
<?php if ($poll['isVote']['vote_answer_id'] ?? false == $value['answer_id']) : ?>
<svg class="icons red right">
<use xlink:href="/assets/svg/icons.svg#selected"></use>
</svg>

View file

@ -5,9 +5,10 @@
*/
.poll {
margin: 0;
padding: 0 10px;
padding: 5px 10px;
list-style: none;
box-shadow: 0 0 5px rgb(0 0 0 / 10%);
border: 1px solid #f3f4f6;
}
.poll-count {
@ -60,6 +61,9 @@ progress::-webkit-progress-value,
progress::-moz-progress-bar { background: #0085ee; } */
progress[value^="0"]::-moz-progress-bar,
progress[value^="1"]::-moz-progress-bar,
progress[value^="2"]::-moz-progress-bar,
progress[value^="0"]::-webkit-progress-value,
progress[value^="1"]::-webkit-progress-value,
progress[value^="2"]::-webkit-progress-value {
@ -67,30 +71,20 @@ progress[value^="2"]::-webkit-progress-value {
}
progress[value^="0"]::-moz-progress-bar,
progress[value^="1"]::-moz-progress-bar,
progress[value^="2"]::-moz-progress-bar {
background-color: #0ea5e9;
}
progress[value^="3"]::-moz-progress-bar,
progress[value^="4"]::-moz-progress-bar,
progress[value^="5"]::-moz-progress-bar,
progress[value^="3"]::-webkit-progress-value,
progress[value^="4"]::-webkit-progress-value,
progress[value^="5"]::-webkit-progress-value {
background-color: #0085ee;
}
progress[value^="3"]::-moz-progress-bar,
progress[value^="4"]::-moz-progress-bar,
progress[value^="5"]::-moz-progress-bar {
background-color: #0085ee;
}
progress[value^="6"]::-moz-progress-bar,
progress[value^="7"]::-moz-progress-bar,
progress[value^="8"]::-moz-progress-bar {
background-color: green;
}
progress[value^="8"]::-moz-progress-bar,
progress[value^="6"]::-webkit-progress-value,
progress[value^="7"]::-webkit-progress-value,
progress[value^="8"]::-webkit-progress-value {
@ -98,10 +92,7 @@ progress[value^="8"]::-webkit-progress-value {
}
progress[value^="9"]::-moz-progress-bar,
progress[value="100"]::-moz-progress-bar {
background-color: red;
}
progress[value="100"]::-moz-progress-bar,
progress[value^="9"]::-webkit-progress-value,
progress[value="100"]::-webkit-progress-value {
background-color: red;