Streams/streams
Streams/streams
1
0
Fork 0
mirror of https://codeberg.org/streams/streams.git synced 2024-09-20 05:15:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

css fixes to make jot look better with background colors or images

Browse source
This commit is contained in:
Mario Vavti 2016-03-01 13:09:04 +01:00
parent 91bb4bdf50
commit 0ebce75c7d
5 changed files with 42 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
view/css/conversation.css
View file

@ -19,20 +19,30 @@ code {
display:none; display:none;
} }
#jot-title-wrap,
#jot-pagetitle-wrap,
#jot-category-wrap {
border-bottom: 1px solid #ccc;
}
#jot-attachment-wrap {
border-top: 1px solid #ccc;
}
#jot-title-wrap input, #jot-title-wrap input,
#jot-pagetitle-wrap input { #jot-pagetitle-wrap input {
padding: 8px; padding: 10px;
margin-bottom: 5px;
} }
.profile-jot-text { .profile-jot-text {
height: 39px; height: 39px;
padding: 8px; padding: 11px;
width: 100%; width: 100%;
} }
.jot-attachment { .jot-attachment {
padding: 8px; border: 0px;
padding: 11px;
width: 100%; width: 100%;
} }
@ -42,13 +52,18 @@ code {
} }
#profile-jot-submit-wrapper { #profile-jot-submit-wrapper {
margin-top: 10px; border-top: 1px solid #ccc;
padding: 10px;
} }
#profile-jot-perms-end { #profile-jot-perms-end {
height: 30px; height: 30px;
} }
#profile-jot-form {
line-height: 1;
}
#profile-jot-wrapper { #profile-jot-wrapper {
margin-bottom: 30px; margin-bottom: 30px;
} }

2
view/css/mod_photos.css
View file

@ -25,7 +25,7 @@
} }
#photos-upload-choose { #photos-upload-choose {
padding: 4px; padding: 7px 10px;
width: 100%; width: 100%;
} }

42
view/theme/redbasic/css/style.css
View file

@ -295,7 +295,7 @@ footer {
.vcard { .vcard {
margin-bottom: 10px; margin-bottom: 10px;
padding: 10px; padding: 0px 10px 10px 10px;
background-color: rgba(254,254,254,0.5); background-color: rgba(254,254,254,0.5);
border: 1px solid rgba(254,254,254,0.5); border: 1px solid rgba(254,254,254,0.5);
-moz-border-radius: $radiuspx; -moz-border-radius: $radiuspx;
@ -341,9 +341,7 @@ footer {
#profile-photo-wrapper { #profile-photo-wrapper {
width: 251px; width: 251px;
height: 251px; height: 251px;
margin-top: -10px;
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: $radiuspx; border-radius: $radiuspx;
} }
@ -1142,7 +1140,6 @@ img.mail-conv-sender-photo {
.jothidden { .jothidden {
font-weight: bold; font-weight: bold;
border-radius: $radiuspx;
} }
.jothidden input::-webkit-input-placeholder { .jothidden input::-webkit-input-placeholder {
@ -1153,27 +1150,18 @@ img.mail-conv-sender-photo {
font-weight: bold; font-weight: bold;
} }
.jothidden > input {
border: 1px solid transparent;
background-color: transparent;
}
.jothidden > input:hover,
.jothidden > input:focus {
border: 1px solid #cccccc;
background-color: #fff;
}
#profile-jot-wrapper { #profile-jot-wrapper {
background-color: rgba(254,254,254,.5); background-color: rgba(254,254,254,1);
border: 1px solid rgba(254,254,254,.5); border: 1px solid #ccc;
border-radius: $radiuspx; border-radius: $radiuspx;
} }
#profile-jot-text { #profile-jot-text {
color:#000; resize: vertical;
border: 1px solid #cccccc; border-width: 0px;
-moz-border-radius: $radiuspx;
border-radius: $radiuspx; border-radius: $radiuspx;
} }
@ -1515,7 +1503,7 @@ nav .dropdown-menu {
.section-content-tools-wrapper { .section-content-tools-wrapper {
padding: 7px 10px; padding: 7px 10px;
background-color: $comment_item_colour; background-color: $comment_item_colour;
border-bottom: 3px solid $comment_item_colour; border-bottom: 1px solid #ccc;
} }
.section-content-info-wrapper { .section-content-info-wrapper {
@ -1709,9 +1697,8 @@ nav .badge.mail-update:hover {
.nav-tabs.nav-justified { .nav-tabs.nav-justified {
background-color: rgba(254,254,254,.5); background-color: rgba(254,254,254,.5);
border: 1px solid rgba(254,254,254,.5); border-top-left-radius: 4px;
border-top-left-radius: $radiuspx; border-top-right-radius: 4px;
border-top-right-radius: $radiuspx;
} }
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a,
@ -1824,13 +1811,13 @@ nav .badge.mail-update:hover {
/* Modified original CSS to match input in Redbasic */ /* Modified original CSS to match input in Redbasic */
.jothidden .bootstrap-tagsinput { .jothidden .bootstrap-tagsinput {
border-color: $bgcolour; border: 0px solid transparent;
background-color: $bgcolour; margin-bottom: 0px;
box-shadow: none; box-shadow: none;
display: inline-block; display: inline-block;
border-radius: $radiuspx; border-radius: $radiuspx;
cursor: text; cursor: text;
padding: 0px 8px; padding: 0px 10px;
width: 100%; width: 100%;
} }
@ -1838,11 +1825,6 @@ nav .badge.mail-update:hover {
font-size: 100%; font-size: 100%;
} }
.jothidden .bootstrap-tagsinput:hover, .jothidden .bootstrap-tagsinput:focus {
border: 1px solid #ccc;
background-color: #fff;
}
/* Abusing theme-green is less work than makeing a new new one */ /* Abusing theme-green is less work than makeing a new new one */
.theme-green .back-bar .selected-bar { background-color: #000000; background-image: none; !important } .theme-green .back-bar .selected-bar { background-color: #000000; background-image: none; !important }

15
view/tpl/jot.tpl
View file

@ -1,3 +1,10 @@
{{$mimeselect}}
{{$layoutselect}}
{{if $id_select}}
<div class="channel-id-select-div">
<span class="channel-id-select-desc">{{$id_seltext}}</span> {{$id_select}}
</div>
{{/if}}
<div id="profile-jot-wrapper"> <div id="profile-jot-wrapper">
<form id="profile-jot-form" action="{{$action}}" method="post"> <form id="profile-jot-form" action="{{$action}}" method="post">
{{if $parent}} {{if $parent}}
@ -17,13 +24,7 @@
<input type="hidden" name="preview" id="jot-preview" value="0" /> <input type="hidden" name="preview" id="jot-preview" value="0" />
<input type="hidden" id="jot-consensus" name="consensus" value="{{if $consensus}}{{$consensus}}{{else}}0{{/if}}" /> <input type="hidden" id="jot-consensus" name="consensus" value="{{if $consensus}}{{$consensus}}{{else}}0{{/if}}" />
{{if $showacl}}{{$acl}}{{/if}} {{if $showacl}}{{$acl}}{{/if}}
{{$mimeselect}}
{{$layoutselect}}
{{if $id_select}}
<div class="channel-id-select-div">
<span class="channel-id-select-desc">{{$id_seltext}}</span> {{$id_select}}
</div>
{{/if}}
{{if $webpage}} {{if $webpage}}
<div id="jot-pagetitle-wrap" class="jothidden"> <div id="jot-pagetitle-wrap" class="jothidden">
<input name="pagetitle" id="jot-pagetitle" type="text" placeholder="{{$placeholdpagetitle}}" value="{{$pagetitle}}"> <input name="pagetitle" id="jot-pagetitle" type="text" placeholder="{{$placeholdpagetitle}}" value="{{$pagetitle}}">

2
view/tpl/photos_upload.tpl
View file

@ -26,7 +26,7 @@
<div id="body-textarea"> <div id="body-textarea">
{{include file="field_textarea.tpl" field=$body}} {{include file="field_textarea.tpl" field=$body}}
</div> </div>
<div class="pull-right btn-group form-group"> <div class="pull-right btn-group">
<div class="btn-group"> <div class="btn-group">
{{if $lockstate}} {{if $lockstate}}
<button id="dbtn-acl" class="btn btn-default btn-sm" data-toggle="modal" data-target="#aclModal" onclick="return false;"> <button id="dbtn-acl" class="btn btn-default btn-sm" data-toggle="modal" data-target="#aclModal" onclick="return false;">