mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-26 08:42:41 +01:00
d0b01a41f2
Summary: Fixes T13476. Policy tags in object headers and "Visible To" controls in some dialog contexts may stack and wrap oddly. Improve spacing so they don't overlap visually when wrapping. Test Plan: Viewed affected interfaces in narrow and wide windows. Maniphest Tasks: T13476 Differential Revision: https://secure.phabricator.com/D20944
170 lines
3.7 KiB
CSS
170 lines
3.7 KiB
CSS
/**
|
|
* @provides phui-form-css
|
|
*/
|
|
|
|
select,
|
|
textarea,
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="date"],
|
|
input[type="month"],
|
|
input[type="time"],
|
|
input[type="week"],
|
|
input[type="number"],
|
|
input[type="email"],
|
|
input[type="url"],
|
|
input[type="search"],
|
|
input[type="tel"],
|
|
input[type="color"],
|
|
div.jx-tokenizer-container {
|
|
display: inline-block;
|
|
height: 30px;
|
|
line-height: 18px;
|
|
color: inherit;
|
|
vertical-align: middle;
|
|
font: {$basefont};
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
textarea,
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="date"],
|
|
input[type="month"],
|
|
input[type="time"],
|
|
input[type="week"],
|
|
input[type="number"],
|
|
input[type="email"],
|
|
input[type="url"],
|
|
input[type="search"],
|
|
input[type="tel"],
|
|
input[type="color"],
|
|
div.jx-tokenizer-container {
|
|
padding: 4px 6px;
|
|
background-color: {$page.content};
|
|
border: 1px solid {$greyborder};
|
|
border-radius: 3px;
|
|
|
|
-webkit-transition: border linear .05s, box-shadow linear .05s;
|
|
-moz-transition: border linear .05s, box-shadow linear .05s;
|
|
-o-transition: border linear .05s, box-shadow linear .05s;
|
|
transition: border linear .05s, box-shadow linear .05s;
|
|
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
/* iOS Safari */
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
textarea:focus,
|
|
input[type="text"]:focus,
|
|
input[type="password"]:focus,
|
|
input[type="datetime"]:focus,
|
|
input[type="datetime-local"]:focus,
|
|
input[type="date"]:focus,
|
|
input[type="month"]:focus,
|
|
input[type="time"]:focus,
|
|
input[type="week"]:focus,
|
|
input[type="number"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="url"]:focus,
|
|
input[type="search"]:focus,
|
|
input[type="tel"]:focus,
|
|
input[type="color"]:focus,
|
|
div.jx-tokenizer-container-focused {
|
|
border-color: rgba(82, 168, 236, 0.8);
|
|
outline: 0;
|
|
/* IE6-9 */
|
|
|
|
-webkit-box-shadow:
|
|
inset 0 1px 1px rgba({$alphablack},.075),
|
|
0 0 8px rgba(82,168,236,.6);
|
|
-moz-box-shadow:
|
|
inset 0 1px 1px rgba({$alphablack},.075),
|
|
0 0 8px rgba(82,168,236,.6);
|
|
box-shadow:
|
|
inset 0 1px 1px rgba({$alphablack},.075),
|
|
0 0 8px rgba(82,168,236,.6);
|
|
}
|
|
input[type="radio"],
|
|
input[type="checkbox"] {
|
|
margin: 4px 0 0;
|
|
margin-top: 1px \9;
|
|
/* IE8-9 */
|
|
line-height: normal;
|
|
}
|
|
|
|
select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
|
|
background: {$page.content} url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;
|
|
background-size: 8px 10px;
|
|
border-radius: 3px;
|
|
border: 1px solid {$greyborder};
|
|
height: 30px;
|
|
padding: 0 24px 0 8px;
|
|
margin: 0;
|
|
min-width: 180px;
|
|
}
|
|
|
|
select[multiple],
|
|
select[size] {
|
|
height: auto;
|
|
}
|
|
|
|
select:focus,
|
|
input[type="file"]:focus,
|
|
input[type="radio"]:focus,
|
|
input[type="checkbox"]:focus {
|
|
outline: thin dotted #333;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
input:-moz-placeholder,
|
|
textarea:-moz-placeholder {
|
|
color: {$lightgreytext};
|
|
}
|
|
|
|
input:-ms-input-placeholder,
|
|
textarea:-ms-input-placeholder {
|
|
color: {$lightgreytext};
|
|
}
|
|
|
|
input::-webkit-input-placeholder,
|
|
textarea::-webkit-input-placeholder {
|
|
color: {$lightgreytext};
|
|
}
|
|
|
|
select[disabled],
|
|
input[disabled],
|
|
textarea[disabled],
|
|
.disabled-control {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.aphront-space-select-control-knob {
|
|
margin: 0 8px 4px 0;
|
|
float: left;
|
|
}
|
|
|
|
.aphront-form-control-policy .policy-control {
|
|
float: left;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.device .aphront-space-select-control-knob {
|
|
float: none;
|
|
}
|
|
|
|
.device .aphront-form-control-policy .policy-control {
|
|
margin: 0;
|
|
}
|