/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 *
 * CSS for search panel.
 *
 * Author: hearnden@google.com (David Hearnden)
 */
@eval listTop org.waveprotocol.box.webclient.search.SearchPanelWidget.CssConstants.LIST_TOP;
@eval toolbarTop org.waveprotocol.box.webclient.search.SearchPanelWidget.CssConstants.TOOLBAR_TOP;

/* Size to container. */
.self {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: white;
  z-index: 0;
}

.search {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid #B8C6D9;
  border-left: 1px solid #E4F1FE;
  background-color: #c9e2fc;
  overflow: hidden;
}

@sprite .toolbar {
  gwt-image: 'emptyToolbar';
  position: absolute;
  top: toolbarTop;
  right: 0;
  left: 0;
  border-left: 1px solid #E4F1FE;
}

.list {
  /*
   * Allow scrolling.  Also, keep the scrollbar there permanently, so that content does not get
   * horizontally resized by the addition and removal of a scrollbar.
   */
  overflow-y: scroll;
  position: absolute;
  top: listTop;
  left: 0;
  right: 0;
  bottom: 0;
  /* Layout under siblings (search etc). */
  z-index: -1;
}

@sprite .showMore {
  gwt-image: 'emptyToolbar';
  line-height: value('emptyToolbar.getHeight', 'px');
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  color: gray;
  /* Creates 20% bottom space in the scrollable area. */
  margin-bottom: 20%;
}
