模板:Gallery/styles.css:修订间差异

来自决策链云智库
无编辑摘要
标签已被回退
无编辑摘要
标签手工回退
 
(未显示同一用户的2个中间版本)
第1行: 第1行:
.template-gallery {
.template-gallery {
    margin-top: var(--space-md);
margin-top: var( --space-md );
    display: flex;
display: flex;
    overflow-x: auto; /* 仅在水平方向显示滚动条 */
overflow: auto;
    overflow-y: hidden; /* 隐藏垂直滚动条 */
gap: var( --space-xs );
    gap: var(--space-xs);
    flex-wrap: nowrap;
    max-width: 100%; /* 或者设定一个具体的最大宽度 */
}
}


.template-gallery a.mw-file-description {
.template-gallery a.mw-file-description {
    display: block;
display: block;
     border-radius: var(--border-radius--small);
     border-radius: var( --border-radius--small );
     overflow: hidden;
     overflow: hidden;
}
}
第17行: 第14行:
.template-gallery a.mw-file-description img {
.template-gallery a.mw-file-description img {
     transition: transform 250ms ease;
     transition: transform 250ms ease;
    max-width: 100%;
    min-width: 150px; /* 设置最小宽度 */
    height: auto;
}
}


第27行: 第21行:


.template-gallery video {
.template-gallery video {
    max-width: none !important;
max-width: none !important;
    max-height: 120px !important;
max-height: 120px !important;
     width: auto !important;
     width: auto !important;
     overflow: hidden;
     overflow: hidden;
     border-radius: var(--border-radius--small);
     border-radius: var( --border-radius--small );
}
}

2024年1月25日 (四) 00:14的最新版本

.template-gallery {
	margin-top: var( --space-md );
	display: flex;
	overflow: auto;
	gap: var( --space-xs );
}

.template-gallery a.mw-file-description {
	display: block;
    border-radius: var( --border-radius--small );
    overflow: hidden;
}

.template-gallery a.mw-file-description img {
    transition: transform 250ms ease;
}

.template-gallery a.mw-file-description:hover img {
    transform: scale(1.1);
}

.template-gallery video {
	max-width: none !important;
	max-height: 120px !important;
    width: auto !important;
    overflow: hidden;
    border-radius: var( --border-radius--small );
}