hotstovejer/openclassify
0
0
Fork 0
mirror of https://github.com/openclassify/openclassify.git synced 2026-02-10 07:16:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

#3472 listing design improvments - Integrate

Browse Source
This commit is contained in:
Diatrex 2021-04-09 11:44:54 +03:00
parent 3ef866323e
commit 3b859914d2
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
addons/default/visiosoft/advs-module/resources/css/list-new.scss
View File

@ -187,7 +187,7 @@ ul {
height: 2rem; height: 2rem;
background: #fff; background: #fff;
color: #707070; color: #707070;
font-size: 12px; font-size: calc(12rem / 16);
padding: 0 1.25rem; padding: 0 1.25rem;
svg { svg {
@ -398,6 +398,7 @@ ul {
& > div { & > div {
background-color: #F0F2F4; background-color: #F0F2F4;
padding: calc(5.5rem / 16) .5rem;
p { p {
font-size: calc(12rem / 16); font-size: calc(12rem / 16);
@ -657,7 +658,7 @@ ul {
padding: .6rem 1rem; padding: .6rem 1rem;
ul { ul {
font-size: 11px; font-size: calc(11rem / 16);
color: #8598AA; color: #8598AA;
li { li {
@ -678,7 +679,7 @@ ul {
& > div:not(.divider) { & > div:not(.divider) {
width: percentage(1/3); width: percentage(1/3);
font-size: 11px; font-size: calc(11rem / 16);
color: #4D5359; color: #4D5359;
svg { svg {
@ -688,7 +689,7 @@ ul {
} }
.divider { .divider {
border-left: 1px solid #E1E1E2; border-left: calc(1rem / 16) solid #E1E1E2;
height: 1.8rem; height: 1.8rem;
} }
} }
@ -707,19 +708,19 @@ ul {
div { div {
h6 { h6 {
font-size: 13px; font-size: calc(13rem / 16);
color: #393939; color: #393939;
} }
p { p {
&:first-of-type { &:first-of-type {
color: #A1A1A1; color: #A1A1A1;
font-size: 10px; font-size: calc(10rem / 16);
} }
&:last-of-type { &:last-of-type {
color: #1592E6; color: #1592E6;
font-size: 14px; font-size: calc(14rem / 16);
font-weight: 700; font-weight: 700;
} }
} }

2
addons/default/visiosoft/advs-module/resources/views/list/partials/display-mode.twig
View File

@ -1,4 +1,4 @@
<div class="d-flex rounded ml-1 px-2"> <div class="d-flex rounded ml-1">
<div class="d-flex px-2 align-items-center"> <div class="d-flex px-2 align-items-center">
<p class="text-nowrap">{{ trans('visiosoft.module.advs::field.view') }}</p> <p class="text-nowrap">{{ trans('visiosoft.module.advs::field.view') }}</p>
<div class="d-flex"> <div class="d-flex">