d859a33787
Updates #5620 Squashed commit of the following: commit a7095b8ba35c34d333b0bbe772ac02a4ba90fbfd Author: Ildar Kamalov <ik@adguard.com> Date: Fri Mar 24 17:23:27 2023 +0300 fix icon commit ea565f152a1ce4ad8797cf36cacdfd67146a125d Merge: 5ebb20d267c9abe1Author: Ildar Kamalov <ik@adguard.com> Date: Fri Mar 24 17:20:42 2023 +0300 Merge branch 'master' into AG-20691 commit 5ebb20d298735982f3c547c81ade4384f4f62196 Merge: 41b0d5970bc3ef89Author: Ildar Kamalov <ik@adguard.com> Date: Fri Mar 24 14:37:05 2023 +0300 Merge branch 'master' into AG-20691 commit 41b0d597a68006397a7561dfffb1fb51068ded2c Author: Ildar Kamalov <ik@adguard.com> Date: Fri Mar 24 14:20:20 2023 +0300 fix string commit 775afb99fb5ffd17118becba4f1e83d4ce77be48 Author: Ildar Kamalov <ik@adguard.com> Date: Thu Mar 23 19:03:45 2023 +0300 client: add ui theme controls
109 lines
1.8 KiB
CSS
109 lines
1.8 KiB
CSS
.footer {
|
|
padding: 1rem 0;
|
|
}
|
|
|
|
.footer__row {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.footer__column {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.footer__column--links {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.footer__column--theme {
|
|
min-width: 220px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.footer__column--language {
|
|
min-width: 220px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.footer__link {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.footer__link--report {
|
|
position: relative;
|
|
top: 1px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.footer__copyright {
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.footer__row {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.footer__column {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.footer__column--language {
|
|
min-width: initial;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.footer__column--theme {
|
|
min-width: initial;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.footer__column--links {
|
|
display: block;
|
|
}
|
|
|
|
.footer__link {
|
|
margin: 0 20px 0 0;
|
|
}
|
|
}
|
|
|
|
.btn-secondary.footer__theme-button,
|
|
[data-theme="dark"] .btn-secondary.footer__theme-button {
|
|
height: 38px;
|
|
border-color: var(--ctrl-select-bgcolor);
|
|
}
|
|
|
|
.footer__theme-icon {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 24px;
|
|
height: 24px;
|
|
color: var(--gray-ac);
|
|
}
|
|
|
|
[data-theme="dark"] .footer__theme-icon {
|
|
color: var(--mcolor);
|
|
}
|
|
|
|
.footer__theme-icon--active,
|
|
[data-theme="dark"] .footer__theme-icon--active {
|
|
color: var(--btn-success-bgcolor);
|
|
}
|
|
|
|
.footer__themes {
|
|
margin: 0 auto 24px;
|
|
text-align: center;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.footer__themes {
|
|
margin: 0;
|
|
text-align: left;
|
|
}
|
|
}
|