المزيد من الإجراءات
لا ملخص تعديل |
عبد العزيز (نقاش | مساهمات) لا ملخص تعديل |
||
(3 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
سطر 1: | سطر 1: | ||
table.timeline { | |||
box-shadow: none; | |||
} | |||
table.timeline, table.timeline tbody { | table.timeline, table.timeline tbody { | ||
display: block; | display: block; | ||
سطر 9: | سطر 13: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
border-top- | border-top-left-radius: var( --border-radius-small ); | ||
border-bottom- | border-bottom-left-radius: var( --border-radius-small ); | ||
} | } | ||
سطر 18: | سطر 22: | ||
top: 0; | top: 0; | ||
bottom: 0; | bottom: 0; | ||
right: | right: -1px; | ||
display: block; | display: block; | ||
width: | width: 2px; | ||
background-color: var( --border-color-base | background-color: var( --border-color-base ); | ||
} | } | ||
table.timeline tr td:first-child { | table.timeline tr td:first-child { | ||
font-size: | font-size: var( --font-size-medium ); | ||
font-weight: var( --font-weight-semibold ); | font-weight: var( --font-weight-semibold ); | ||
color: var( --color-base--emphasized ); | color: var( --color-base--emphasized ); | ||
سطر 39: | سطر 43: | ||
position: absolute; | position: absolute; | ||
right: -4px; | right: -4px; | ||
margin-top: | margin-top: 8px; | ||
} | } | ||
table.timeline tr td { | table.timeline tr td { | ||
padding: 0; | padding: 0; | ||
border: 0 !important; | |||
border | |||
} | } |
المراجعة الحالية بتاريخ 12:13، 14 سبتمبر 2024
table.timeline {
box-shadow: none;
}
table.timeline, table.timeline tbody {
display: block;
}
table.timeline tr {
position: relative;
margin-right: 8px;
padding: var( --space-xs ) var( --space-xs ) var( --space-xs ) 20px;
display: flex;
flex-direction: column;
border-top-left-radius: var( --border-radius-small );
border-bottom-left-radius: var( --border-radius-small );
}
table.timeline tr:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -1px;
display: block;
width: 2px;
background-color: var( --border-color-base );
}
table.timeline tr td:first-child {
font-size: var( --font-size-medium );
font-weight: var( --font-weight-semibold );
color: var( --color-base--emphasized );
}
table.timeline tr td:first-child:before {
content: "";
width: 8px;
height: 8px;
display: block;
background-color: var( --color-base--subtle );
border-radius: 100%;
position: absolute;
right: -4px;
margin-top: 8px;
}
table.timeline tr td {
padding: 0;
border: 0 !important;
}