Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-07-23 23:29:41 +02:00
Code Issues Releases Activity

Update document editor styles (#180) (#191)

Browse source 
* feat: update document editor styles (#180)

* fix: fix flexbox property

* fix: fix label name in the edit mode

* fix: change padding and bottom arrow as Figma size

* fix: change padding and bottom arrow as Figma size

* fix: add universal input, select directive

* fix: fix layout shift, class name

* fix: fix text cutting and change usage of svg in css

* fix: add missing css property
This commit is contained in:
YeoKyung Yoon 2022-07-12 00:11:08 +09:00 • committed by GitHub
parent 5c4183b717
commit 69b61a2c87
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 91 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/frontend/styles/components/writing.pcss
View file

@ -1,5 +1,4 @@
.writing-header {
display: flex;
position: sticky;
top: 0;
padding: 15px 0;
@ -15,18 +14,32 @@
margin: auto;
}
&__left {
&__inner-container {
margin: auto 0;
display: flex;
color: var(--color-text-second);
gap: 10px;
& span {
margin-right: 10px;
@media(--mobile) {
flex-flow: column;
}
}
select {
max-width: 100px;
vertical-align: bottom;
& > * {
flex: 0 1 33.3%;
}
label {
display: block;
margin-bottom: 6px;
}
select {
@apply --select;
}
input {
@apply --input;
}
}
}
@ -38,16 +51,6 @@
}
}
.uri-input {
box-sizing: border-box;
width: 100%;
padding: 10px 12px;
border-radius: 3px;
border: 1px solid rgba(201, 201, 204, 0.48);
box-shadow: inset 0 1px 2px 0 rgba(35, 44, 72, 0.06);
outline: none;
}
.writing-editor {
font-size: 15px;
line-height: 1.6;