Skip to content

Instantly share code, notes, and snippets.

@reorx
Last active April 13, 2017 19:12
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save reorx/6926e6547a1f81d945bce4652bf9d02c to your computer and use it in GitHub Desktop.
Save reorx/6926e6547a1f81d945bce4652bf9d02c to your computer and use it in GitHub Desktop.
/* box layout */
.pop_rwbox {
/*
top: 20%;
left: 20%;
transform: translate(-20%, -20%);
*/
left: 8%;
right: 8%;
top: 5%;
bottom: 5%;
}
.p_rw_pop {
width: 100%;
height: 100%;
}
/* box inner layout */
.p_rw_pop .padinfo02.prw_info {
height: calc(100% - 64px);
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.p_rw_pop .prw_info .prw_list {
}
.prw_list {
display: flex;
flex-direction: column;
}
#rulelist_box {
display: flex;
flex-direction: column;
}
#rulelist_box .rw_title {
flex-shrink: 0;
}
.rw_listbox {
display: flex;
flex-direction: column;
}
.rw_listbox .rw_con {
height: auto !important;
flex-shrink: 1;
}
.prw_list > li {
flex-shrink: 0;
}
.prw_list > li:nth-child(3) {
flex-shrink: 1;
}
.prw_list > li:first-child {
display: flex;
}
/* box inner */
.prw_list > li:first-child > label {
}
.prw_list > li:first-child > input {
flex-grow: 1;
}
.prw_list > li:nth-child(2) {
display: flex;
}
.prw_list > li:nth-child(2) > label {
}
.prw_list > li:nth-child(2) > input {
flex-grow: 1;
}
.p_rw_pop .prw_info .infoname {
padding: 0;
}
.kongbox.savekong {
width: auto;
background: #ddd;
border-radius: 3px;
margin-bottom: 0;
}
.p_rw_pop .prw_list .rw_pad {
padding-left: 0;
}
.p_rw_pop .prw_list .rw_btm {
margin: 0;
padding: 0;
}
.p_rw_pop .prw_list .rw_btm button:last-child {
margin-right: 0;
}
/* box inner file-list */
.rwli > .colbt.bt_name, .rw_title > .tname.bt_name {
flex-grow: 1;
}
.rwli > .colbt.bt_type, .rw_title > .tname.bt_type {
padding-right: 8px;
}
.rwli > .colbt.bt_type, .rwli > .colbt.bt_size {
font-family: Consolas, Couriter, monospace;
}
.rwli > .colbt.bt_type {
width: 35px;
}
.rwli, .rw_title {
display: flex;
}
/* for fixing window scroll bar width problem, force scroll bar to show up in both title and list */
.rw_title, .rw_con {
overflow-y: scroll;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment