optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[드롭다운 버튼 스타일 수정]

Browse Source 
- 강제로 important사용하여 맞춰둠.
This commit is contained in:
junghoon86.park
2025-11-03 21:09:17 +09:00
parent b2360d2deb
commit a7117100d2
1 changed files with 51 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
com.twin.app.shoptime/src/views/SearchPanel/SearchResults.new.v2.module.less
View File

@@ -38,27 +38,53 @@
justify-content: center;
}
// Dropdown 스타일 - TButton small과 동일한 높이로 조정
.dropdown {
height: 60px !important;
line-height: 60px !important;
margin-left: 10px !important;
// 버튼과 동일한 배경색으로 조정 (SEE MORE 버튼과 동일)
[role="button"] {
background-color: #7a808d !important;
color: @COLOR_WHITE !important;
// Dropdown 스타일 - TButton small과 동일한 높이로 조정
.dropdown {
margin: 0 !important;
height: 60px !important;
line-height: 60px !important;
font-size: 24px !important;
border-radius: 6px !important;
padding: 0 12px !important;
margin-left: 10px !important;
margin-bottom:10px !important;
top: calc(50% - 10px) !important;
// 버튼과 동일한 배경색으로 조정 (SEE MORE 버튼과 동일)
[role="button"] {
margin:0 !important;
background-color: #808080 !important;
transition: background-color 0.2s ease;
color: @COLOR_WHITE !important;
height: 60px !important;
line-height: 60px !important;
font-size: 24px !important;
border-radius: 6px !important;
padding: 0 12px !important;
width:300px !important;
> div:first-child {
background-color: #808080 !important;
}
&:focus {
background-color: @PRIMARY_COLOR_RED !important;
> div:first-child {
background-color: @PRIMARY_COLOR_RED !important;
filter: none !important;
-webkit-filter: none !important;
&:focus {
background-color: @PRIMARY_COLOR_RED !important;
}
}
> div:nth-child(2){
> div:nth-child(2){
> div {
font-size:24px;
font-weight:700;
color:@COLOR_WHITE;
}
}
}
}
}
}
.errorCloseButton {
background: #FF6B6B;
@@ -426,20 +452,24 @@
-webkit-filter: none !important;
filter: none !important;
> div:nth-child(1) {
height: 380px !important;
width: 270px !important;
height: 335px !important;
width: 300px !important;
margin-top: 0 !important;
border-radius: 0 0 6px 6px !important;
background-color: #f5f5f5 !important;
overflow-y: auto !important;
> div {
width: 270px !important;
width: 300px !important;
height: auto !important;
border-radius: 0 !important;
padding-top: 0 !important;
color: #333 !important;
background-color: white !important;
> div {
> div:nth-child(2){
display:none;
}
> div {
color: #333 !important;
background-color: white !important;
> div {
@@ -544,3 +574,5 @@
align-items: center;
}
}