fix settings layout for RmlUi 6.2: toggle positioning and flexbox sizing
This commit is contained in:
@@ -18,7 +18,7 @@ include(FetchContent)
|
|||||||
FetchContent_Declare(
|
FetchContent_Declare(
|
||||||
rmlui
|
rmlui
|
||||||
GIT_REPOSITORY https://github.com/mikke89/RmlUi.git
|
GIT_REPOSITORY https://github.com/mikke89/RmlUi.git
|
||||||
GIT_TAG 6.0
|
GIT_TAG 6.2
|
||||||
)
|
)
|
||||||
set(RMLUI_LUA_BINDINGS ON CACHE BOOL "" FORCE)
|
set(RMLUI_LUA_BINDINGS ON CACHE BOOL "" FORCE)
|
||||||
set(BUILD_SHARED_LIBS OFF CACHE BOOL "" FORCE)
|
set(BUILD_SHARED_LIBS OFF CACHE BOOL "" FORCE)
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
.settings-section {
|
.settings-section {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
width: 100%;
|
width: 540px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
@@ -37,13 +37,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.settings-item {
|
.settings-item {
|
||||||
|
width: 540px;
|
||||||
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
flex-direction: row;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: #1E1E1E;
|
background-color: #1E1E1E;
|
||||||
width: 100%;
|
overflow: hidden;
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-item:hover {
|
.settings-item:hover {
|
||||||
@@ -51,17 +52,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.settings-item + .settings-item {
|
.settings-item + .settings-item {
|
||||||
border-top-width: 1px;
|
border-top: 1px #333333;
|
||||||
border-top-color: #333333;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-icon {
|
.settings-icon {
|
||||||
width: 56px;
|
width: 56px;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
color: #B3B3B3;
|
color: #B3B3B3;
|
||||||
}
|
}
|
||||||
@@ -91,8 +88,8 @@
|
|||||||
height: 32px;
|
height: 32px;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
background-color: #666666;
|
background-color: #666666;
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-toggle.active {
|
.settings-toggle.active {
|
||||||
@@ -120,13 +117,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.user-card {
|
.user-card {
|
||||||
|
width: 540px;
|
||||||
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 20px 16px;
|
padding: 20px 16px;
|
||||||
background-color: #1E1E1E;
|
background-color: #1E1E1E;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-avatar {
|
.user-avatar {
|
||||||
@@ -135,11 +133,10 @@
|
|||||||
border-radius: 32px;
|
border-radius: 32px;
|
||||||
background-color: #BB86FC;
|
background-color: #BB86FC;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 64px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-info {
|
.user-info {
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ include(FetchContent)
|
|||||||
FetchContent_Declare(
|
FetchContent_Declare(
|
||||||
rmlui
|
rmlui
|
||||||
GIT_REPOSITORY https://github.com/mikke89/RmlUi.git
|
GIT_REPOSITORY https://github.com/mikke89/RmlUi.git
|
||||||
GIT_TAG master
|
GIT_TAG 6.2
|
||||||
)
|
)
|
||||||
set(RMLUI_LUA_BINDINGS ON CACHE BOOL "" FORCE)
|
set(RMLUI_LUA_BINDINGS ON CACHE BOOL "" FORCE)
|
||||||
set(BUILD_SHARED_LIBS OFF CACHE BOOL "" FORCE)
|
set(BUILD_SHARED_LIBS OFF CACHE BOOL "" FORCE)
|
||||||
|
|||||||
Reference in New Issue
Block a user