المزيد من الإجراءات
عبد العزيز (نقاش | مساهمات) لا ملخص تعديل |
عبد العزيز (نقاش | مساهمات) لا ملخص تعديل |
||
سطر 9: | سطر 9: | ||
table.timeline tr { | table.timeline tr { | ||
position: relative; | position: relative; | ||
margin- | margin-right: 8px; | ||
padding: var( --space-xs ) var( --space-xs ) var( --space-xs ) 20px; | padding: var( --space-xs ) var( --space-xs ) var( --space-xs ) 20px; | ||
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 ); | ||
} | } | ||
سطر 22: | سطر 22: | ||
top: 0; | top: 0; | ||
bottom: 0; | bottom: 0; | ||
right: -1px; | |||
display: block; | display: block; | ||
width: 2px; | width: 2px; | ||
سطر 42: | سطر 42: | ||
border-radius: 100%; | border-radius: 100%; | ||
position: absolute; | position: absolute; | ||
right: -4px; | |||
margin-top: 8px; | margin-top: 8px; | ||
} | } |
المراجعة الحالية بتاريخ 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;
}